*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#080b14;color:#f7f8ff}a{text-decoration:none;color:inherit}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 7%;border-bottom:1px solid #1d2232;background:#080b14cc;backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.logo{font-weight:800;font-size:22px}.logo span{color:#7c5cff}.nav nav{display:flex;gap:28px;color:#b9bfd1;font-size:14px}.hero{text-align:center;padding:105px 20px 90px;background:radial-gradient(circle at 50% 20%,#21164f 0,#080b14 52%)}.badge{display:inline-block;border:1px solid #38305e;border-radius:999px;padding:8px 14px;color:#c8bfff;font-size:13px;background:#17122c}h1{font-size:clamp(44px,7vw,78px);line-height:1.02;margin:24px 0 20px;letter-spacing:-3px}h1 span{color:#8a6cff} .hero p{max-width:680px;margin:0 auto 32px;color:#aeb5c8;font-size:18px;line-height:1.6}.button{display:inline-block;background:#7c5cff;padding:14px 24px;border-radius:12px;font-weight:700}.categories{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:28px 20px;border-bottom:1px solid #1d2232}.categories button{background:#111625;color:#cdd2e2;border:1px solid #252c40;border-radius:999px;padding:10px 16px;cursor:pointer}.categories button:hover{border-color:#7c5cff}.section,.about{max-width:1120px;margin:auto;padding:70px 20px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.section h2,.about h2{font-size:30px;margin:0}.section-head input{background:#111625;border:1px solid #252c40;border-radius:10px;padding:12px 15px;color:#fff;width:230px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.card{background:#101522;border:1px solid #222a3c;border-radius:16px;padding:22px;transition:.2s}.card:hover{transform:translateY(-3px);border-color:#6e55d9}.icon{font-size:30px}.card h3{margin:13px 0 8px}.card p{color:#9fa7bb;line-height:1.5;font-size:14px;min-height:63px}.tag{font-size:11px;color:#a99aff;background:#211b3e;padding:5px 8px;border-radius:6px}.card a{display:inline-block;margin-top:15px;color:#9b87ff;font-weight:700;font-size:14px}.about{border-top:1px solid #1d2232;color:#aeb5c8}.about h2{color:#fff;margin-bottom:10px}footer{text-align:center;padding:30px 20px;border-top:1px solid #1d2232;color:#727b90;font-size:13px}@media(max-width:650px){.nav{padding:0 5%}.nav nav{gap:12px}.hero{padding-top:75px}.section-head{align-items:flex-start;flex-direction:column}.section-head input{width:100%}}