:root{--bg:#0b1020;--bg-muted:#0f1530;--text:#e9eefc;--text-muted:#a8b0c7;--brand:#5a7bff;--brand-strong:#3a5bff;--accent:#00e5bf;--card:#131a3d;--border:hsla(0,0%,100%,.08);--shadow:0 10px 30px rgba(0,0,0,.35)}*{box-sizing:border-box}#root,body,html{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;color:var(--text);background:radial-gradient(1200px 800px at 20% -10%,#1a2150 0,rgba(10,14,30,0) 60%),radial-gradient(1000px 700px at 120% 10%,#0e3d4a 0,rgba(10,14,30,0) 50%),var(--bg)}.container{max-width:1120px;margin:0 auto;padding:0 24px}.section{padding:72px 0}.muted{color:var(--text-muted)}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.pill{gap:8px;border:1px solid var(--border);color:var(--text-muted);padding:8px 12px;border-radius:999px;background:hsla(0,0%,100%,.04)}.btn,.pill{display:inline-flex;align-items:center}.btn{justify-content:center;gap:10px;padding:14px 18px;border-radius:12px;border:1px solid var(--border);background:linear-gradient(180deg,var(--brand) 0,var(--brand-strong) 100%);color:#fff;font-weight:600;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease;box-shadow:0 8px 24px rgba(58,91,255,.35)}.btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(58,91,255,.45)}.btn.secondary{background:hsla(0,0%,100%,.06);border:1px solid var(--border);color:var(--text);box-shadow:none}.btn.secondary:hover{background:hsla(0,0%,100%,.1)}header.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(9,12,26,.6);border-bottom:1px solid var(--border)}header .inner{justify-content:space-between;height:64px}.brand,header .inner{display:flex;align-items:center}.brand{gap:10px;font-weight:800;letter-spacing:.3px}.brand .logo{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--brand),var(--accent))}.navlinks{display:flex;gap:18px;align-items:center}.navlinks a{color:var(--text-muted);text-decoration:none;font-weight:500}.navlinks a:hover{color:var(--text)}.menu-toggle{display:none;background:transparent;border:0;width:40px;height:40px;align-items:center;justify-content:center;cursor:pointer}.menu-toggle .bar{display:block;width:22px;height:2px;background:var(--text);margin:3px 0;border-radius:2px}.backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40}.mobile-nav{position:fixed;top:64px;left:0;right:0;background:rgba(9,12,26,.98);border-bottom:1px solid var(--border);z-index:45}.mobile-links{display:flex;flex-direction:column;gap:14px;padding:18px 0 22px}.mobile-links a{color:var(--text);text-decoration:none;font-weight:600}.mobile-links .btn{align-self:flex-start}.hero{padding:96px 0 56px;text-align:center}.hero h1{font-size:42px;line-height:1.08;margin:14px 0 10px;letter-spacing:-.6px}.hero p{font-size:18px;color:var(--text-muted);margin:0 auto 26px;max-width:740px}.hero .actions{gap:12px}.hero .actions,.hero .badge-row{display:flex;justify-content:center;flex-wrap:wrap}.hero .badge-row{margin:18px 0 8px;gap:8px}.grid{display:grid;grid-gap:16px;gap:16px}.benefits{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.benefit{padding:20px}.benefit h3{margin:10px 0 6px;font-size:18px}.benefit p{margin:0;color:var(--text-muted)}.icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:hsla(0,0%,100%,.06);border:1px solid var(--border)}.steps{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.step{padding:22px}.step .num{font-weight:800;color:var(--accent)}.testimonials{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.testimonial{padding:20px}.testimonial .name{font-weight:700}.cta{text-align:center;padding:56px;background:linear-gradient(180deg,rgba(58,91,255,.18),rgba(58,91,255,.06));border:1px solid var(--border);border-radius:16px}.cta h2{margin:0 0 8px;font-size:28px}.cta p{margin:0 0 18px;color:var(--text-muted)}.quiz .progress-track{height:8px;border-radius:6px;background:hsla(0,0%,100%,.08);border:1px solid var(--border);overflow:hidden}.quiz .progress-bar{height:100%;background:linear-gradient(90deg,var(--brand),var(--accent));width:0;transition:width .2s ease}footer{padding:32px 0;color:var(--text-muted);border-top:1px solid var(--border);margin-top:48px}footer .footer-top{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}footer .links{display:flex;gap:14px;flex-wrap:wrap}footer a{color:var(--text-muted);text-decoration:none}footer a:hover{color:var(--text)}@media (min-width:960px){.hero h1{font-size:56px}}@media (max-width:959px){.navlinks{display:none}.menu-toggle{display:inline-flex}}