:root{
  --bg: #0b0f14; --panel: #111820; --panel-2:#0e141b; --text: #eaf2ff; --muted:#a7b3c6;
  --brand:#5b9cff; --brand-2:#8ec5ff; --accent:#16c7a3; --card:#121a23; --stroke:#203040;
  --shadow: 0 10px 30px rgba(0,0,0,.35); --radius: 16px; --radius-sm: 12px; --radius-lg: 22px;
  --space: clamp(16px, 2vw, 24px); --w: 1100px; --focus: 0 0 0 3px #0b0f14, 0 0 0 6px var(--brand);
  --font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(1200px 800px at 10% -20%, #0f1822 0%, #0b0f14 40%, #0b0f14 100%);color:var(--text);font:16px/1.6 var(--font)}
.container{max-width:var(--w);margin:0 auto;padding:0 var(--space)}.section{padding:calc(var(--space)*2) 0}.section.alt{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.06))}.section-title{font-size:clamp(24px,3vw,32px);margin:0 0 var(--space)}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space)}@media(max-width:900px){.grid-3,.grid-2{grid-template-columns:1fr}}
.site-header{position:sticky;top:0;z-index:40;backdrop-filter:blur(10px);background:linear-gradient(180deg,rgba(15,22,30,.85),rgba(15,22,30,.45));border-bottom:1px solid rgba(255,255,255,.06)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.brand{display:flex;align-items:center;gap:10px;font-weight:600}
.logo{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--accent));color:#021018;font-weight:900;box-shadow:0 10px 20px rgba(91,156,255,.25)}
.brand-name{color:var(--text);text-decoration:none}.tag{font-size:12px;color:var(--muted);border:1px solid rgba(255,255,255,.08);padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.02)}
.nav{list-style:none;display:flex;gap:12px;margin:0;padding:0}.nav a{display:inline-block;padding:8px 12px;border-radius:10px;color:var(--text);text-decoration:none;border:1px solid transparent}
.nav a:hover{background:rgba(255,255,255,.06)}.nav a.is-active{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.05)}
.hero{padding:80px 0;background:radial-gradient(800px 300px at 80% -20%, rgba(91,156,255,.18), transparent 60%),radial-gradient(500px 300px at 10% 0%, rgba(22,199,163,.12), transparent 60%)}
.hero-inner{text-align:center}.hero h1{font-size:clamp(32px,5vw,48px);margin:0 0 10px}.lead{color:var(--muted);font-size:clamp(16px,2.2vw,20px);max-width:800px;margin:0 auto var(--space)}
.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn{--_bg:var(--panel-2);display:inline-block;border:1px solid rgba(255,255,255,.12);background:var(--_bg);color:var(--text);padding:10px 16px;border-radius:12px;text-decoration:none;font-weight:600;box-shadow:var(--shadow)}
.btn:hover{transform:translateY(-1px)}.btn:focus{outline:none;box-shadow:var(--focus)}.btn-primary{--_bg:linear-gradient(135deg,var(--brand),var(--brand-2));color:#04121c;border-color:transparent}.btn-ghost{background:transparent;box-shadow:none}
.card{background:var(--card);border:1px solid var(--stroke);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.card h2,.card h3{margin-top:0}
.steps{list-style:none;padding:0;margin:0;display:grid;gap:14px}.step{display:grid;grid-template-columns:40px 1fr;gap:14px;background:var(--panel);border:1px solid var(--stroke);border-radius:var(--radius-sm);padding:14px}
.step-num{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--accent));color:#04121c;font-weight:800}
.checklist{margin:0;padding-left:20px}.checklist li{margin:6px 0}
.callout{border:1px dashed rgba(255,255,255,.18);background:linear-gradient(180deg,rgba(22,199,163,.08),rgba(22,199,163,.03));border-radius:var(--radius-lg);padding:18px}
.note{border-left:4px solid var(--brand);background:rgba(91,156,255,.08);border-radius:12px;padding:14px 16px}
.faqs details{border:1px solid var(--stroke);background:var(--panel);border-radius:12px;padding:0 14px;margin-bottom:10px}.faqs summary{cursor:pointer;padding:14px 0;list-style:none;font-weight:600}.faqs summary::-webkit-details-marker{display:none}.faq-body{border-top:1px solid rgba(255,255,255,.08);padding:12px 0 14px;color:var(--muted)}
.form-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}.form-grid .full{grid-column:1/-1}label{display:block;font-weight:600;margin-bottom:6px}
input,textarea{width:100%;padding:12px;border-radius:12px;border:1px solid var(--stroke);background:var(--panel);color:var(--text)}textarea{min-height:140px;resize:vertical}.form-actions{margin-top:10px}
.site-footer{border-top:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.2)}.footer-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 0;gap:10px}.footer-links{list-style:none;display:flex;gap:12px;margin:0;padding:0}.footer-links a{color:var(--muted);text-decoration:none}.footer-links a:hover{color:var(--text)}
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{position:fixed;left:12px;top:12px;width:auto;height:auto;padding:10px 12px;background:var(--brand);color:#04121c;border-radius:12px;z-index:9999}