:root{--bg:#070a10;--panel:hsla(0,0%,100%,.04);--panel2:hsla(0,0%,100%,.06);--border:hsla(0,0%,100%,.1);--text:hsla(0,0%,100%,.92);--muted:hsla(0,0%,100%,.62);--brand:#1e6bff;--brand2:#0b4dff;--glow:rgba(30,107,255,.35);--radius:18px;--shadow:0 16px 40px rgba(0,0,0,.55)}*{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--text);background:radial-gradient(1200px 600px at 10% 0,rgba(30,107,255,.18),transparent 55%),radial-gradient(900px 500px at 90% 10%,rgba(30,107,255,.1),transparent 60%),var(--bg)}a{color:inherit;text-decoration:none}.container{max-width:980px;margin:0 auto;padding:18px}.header{position:-webkit-sticky;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(7,10,16,.55);border-bottom:1px solid hsla(0,0%,100%,.06)}.brand{font-weight:800;letter-spacing:.4px}.nav a{color:var(--muted);padding:8px 10px;border-radius:12px}.nav a:hover{color:var(--text);background:hsla(0,0%,100%,.05)}.hero{border:1px solid var(--border);border-radius:calc(var(--radius) + 6px);padding:18px;box-shadow:var(--shadow);background:linear-gradient(180deg,rgba(30,107,255,.18),hsla(0,0%,100%,.02) 55%),var(--panel)}.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(30,107,255,.35);background:rgba(30,107,255,.12);color:hsla(0,0%,100%,.88);font-weight:650;font-size:13px}.h1{font-size:34px;line-height:1.08;margin:14px 0 8px}.p{color:var(--muted);font-size:15px;line-height:1.6;margin:0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:12px;gap:12px;margin-top:14px}.card{border:1px solid hsla(0,0%,100%,.08);background:var(--panel);border-radius:var(--radius);padding:14px;transition:transform .15s ease,border-color .15s ease,background .15s ease}.card:hover{transform:translateY(-2px);border-color:rgba(30,107,255,.28);background:var(--panel2)}.input{padding:12px 14px;border-radius:14px;border:1px solid hsla(0,0%,100%,.12);background:rgba(0,0,0,.25);color:var(--text);font-size:16px;outline:none}.input:focus{border-color:rgba(30,107,255,.55);box-shadow:0 0 0 4px rgba(30,107,255,.18)}.btn{padding:12px 14px;border-radius:14px;border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.06);color:var(--text);cursor:pointer;font-weight:650}.btn:hover{background:hsla(0,0%,100%,.09)}.btnPrimary{border:1px solid rgba(30,107,255,.55);background:linear-gradient(180deg,var(--brand),var(--brand2));box-shadow:0 10px 24px rgba(30,107,255,.22)}.btnPrimary:hover{filter:brightness(1.03)}.kicker{margin-top:10px;color:hsla(0,0%,100%,.55);font-size:13px}