:root{--bg:#0e1116;--fg:#eef2f7;--brand:#8b5cf6;--brand2:#22d3ee;--muted:#c7d2fe;--ink:#111827;--paper:#fafafa}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:'Urbanist',sans-serif;background:linear-gradient(180deg,#0c0f14, #111827 40%, #0e1116);color:var(--fg);line-height:1.6}
a{color:var(--brand2);text-decoration:none}
a:hover{opacity:.85}
img{max-width:100%;height:auto;display:block}
.container{max-width:1120px;margin:0 auto;padding:0 20px}
.grid{display:grid;gap:24px}
.grid-2{grid-template-columns:1fr}
.grid-3{grid-template-columns:1fr}
@media(min-width:768px){.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}}
.section{padding:64px 0}
.hero{padding:100px 0 72px;background:radial-gradient(1200px 600px at 10% -10%, rgba(139,92,246,.35), transparent 60%), radial-gradient(1000px 500px at 110% 10%, rgba(34,211,238,.2), transparent 55%)}
.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font-weight:700}
.h1{font-size:clamp(36px,6vw,64px);line-height:1.1;margin:16px 0 12px}
.lead{font-size:clamp(18px,2.5vw,20px);opacity:.92}
.btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(90deg,var(--brand),var(--brand2));color:#03111a;padding:14px 18px;border-radius:12px;font-weight:800;border:0}
.btn-outline{background:transparent;color:var(--fg);border:2px solid rgba(255,255,255,.18)}
.card{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:24px}
.card.light{background:var(--paper);color:var(--ink);border:1px solid #e5e7eb}
.kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:800}
.icon{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(139,92,246,.15);color:#c4b5fd}
.figure{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.12)}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.08);font-size:14px}
.split{display:grid;gap:28px;grid-template-columns:1fr}
@media(min-width:992px){.split{grid-template-columns:1.2fr .8fr}}
.input,textarea,select{width:100%;padding:14px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff}
textarea{min-height:140px;resize:vertical}
label{font-weight:700;margin-bottom:8px;display:block}
.form{display:grid;gap:16px}
.footer{background:#0b0e13;color:#bfc7d5;padding:40px 0;border-top:1px solid rgba(255,255,255,.08)}
.footer a{color:#bfc7d5}
.hr{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);border:0;margin:28px 0}
.notice{font-size:13px;opacity:.8}
.brandmark{font-weight:900;letter-spacing:.02em}
.shape{position:absolute;inset:auto auto -60px -60px;width:160px;height:160px;background:conic-gradient(from 20deg,var(--brand),transparent 40%);filter:blur(18px);opacity:.35;border-radius:50%}
.tag{font-weight:800;color:#111827;background:#a7f3d0;border-radius:8px;padding:4px 8px}
.lightpaper{background:var(--paper);color:var(--ink)}
.lightpaper .section{padding:48px 0}
.mainlink{display:inline-flex;align-items:center;gap:8px}