:root{--bg:#080b11;--panel:#10151e;--panel-2:#151c27;--panel-3:#1b2431;--text:#f5f7fb;--muted:#94a2b7;--line:rgba(255,255,255,.1);--line-strong:rgba(255,255,255,.18);--brand:#54c6ff;--brand-2:#7c69ff;--good:#55d68b;--warn:#ffbe45;--danger:#ff647c;--shadow:0 20px 55px rgba(0,0,0,.32);--radius:18px;--topbar:76px}
:root.light{--bg:#eef2f7;--panel:#fff;--panel-2:#f6f8fb;--panel-3:#e9eef5;--text:#111722;--muted:#627086;--line:rgba(15,23,42,.12);--line-strong:rgba(15,23,42,.2);--shadow:0 18px 45px rgba(31,41,55,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -20%,rgba(84,198,255,.16),transparent 35rem),var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.card{background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 45%),var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.muted{color:var(--muted)}.eyebrow{color:var(--brand);font-weight:850;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;margin:.15rem 0 .55rem}.primary-btn,.ghost-btn,.text-btn,.icon-btn{border:1px solid var(--line);border-radius:11px;padding:.72rem .95rem;color:var(--text);background:rgba(255,255,255,.045);font-weight:750;transition:transform .16s,border-color .16s,background .16s;white-space:nowrap}.primary-btn{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#06101b;border:0;font-weight:900}.ghost-btn:hover,.icon-btn:hover,.primary-btn:hover{transform:translateY(-1px);border-color:rgba(84,198,255,.55)}.text-btn{border:0;background:transparent;padding:.25rem;color:var(--brand)}.icon-btn{width:42px;height:42px;padding:0}.full{width:100%}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.045);color:var(--text);padding:.8rem .85rem;outline:none}select option{background:var(--panel);color:var(--text)}input:focus,select:focus,textarea:focus{border-color:rgba(84,198,255,.7);box-shadow:0 0 0 3px rgba(84,198,255,.1)}label{display:grid;gap:.42rem;color:var(--muted);font-weight:700;font-size:.88rem}h1,h2,h3,p{margin-top:0}.button-count{display:inline-grid;place-items:center;min-width:21px;height:21px;padding:0 .35rem;border-radius:999px;background:rgba(255,255,255,.1);font-size:.72rem}