/* base + shared tokens */
:root{ --bg:#0B0F19; --ink:#E6E9F2; --muted:#9AA4B2; --line:#1E293B;
 --brand:#22d3ee; --brand-ink:#041018; --card:#0D1424; --elev:0 10px 30px rgba(0,0,0,.30); }
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{max-width:1080px;margin:0 auto;padding:0 18px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--brand);background:var(--brand);color:var(--brand-ink);cursor:pointer;box-shadow:0 8px 22px rgba(34,211,238,.25)}
.btn-ghost{background:transparent;color:var(--ink);border-color:#334155}
.btn-outline{background:transparent;color:var(--brand);border-color:var(--brand)}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--elev)}
input,textarea,select{width:100%;padding:10px;border-radius:10px;border:1px solid var(--line);background:#0B1220;color:var(--ink)}
.helper{color:var(--muted);font-size:12px}
/* nav */
.nav{position:sticky;top:0;z-index:40;display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line);backdrop-filter:saturate(180%) blur(12px);background:rgba(5,9,18,.6)}