:root{
--deep:#0D0A32;--s0:#0A0826;--s2:#14123E;--s3:#1B1949;--s4:#262359;--s5:#322E6A;
--b1:#1F1C50;--b2:#2A2766;--b3:#3D3A85;
--primary:#3070D9;--primary-h:#4A85E8;--accent:#6EA1F0;
--t1:#FFFFFF;--t2:#C4C2E0;--t3:#8784B0;
--ok:#2BB673;--ok-t:#5DD89B;--warn:#E8A33C;--warn-t:#F2B85F;--err:#E5484D;--err-t:#F26D71;
--disp:"Inter Tight","Inter",system-ui,sans-serif;--body:"Inter",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--deep);color:var(--t1);font-family:var(--body);-webkit-font-smoothing:antialiased}
body{min-height:100vh;background:radial-gradient(ellipse 70% 40% at 90% 0%,rgba(48,112,217,.28),transparent 60%),linear-gradient(180deg,#0D0A32,#0A0826);background-attachment:fixed}
.mono{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;font-weight:500}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--accent);font-size:12px}
.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--primary);box-shadow:0 0 12px var(--primary)}
.h1{font-family:var(--disp);font-weight:600;letter-spacing:-.03em;line-height:1.05}
.card{background:var(--s2);border:1px solid var(--b1);border-radius:12px}
.btn{appearance:none;border:1px solid transparent;border-radius:999px;font-family:var(--body);font-weight:600;cursor:pointer;transition:background .15s,opacity .15s}
.btn-primary{background:var(--primary);color:#fff;box-shadow:0 8px 24px -8px rgba(48,112,217,.7)}
.btn-primary:hover{background:var(--primary-h)}
.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}
.btn-sec{background:var(--s3);border-color:var(--b2);color:var(--t1)}
.btn-sec:hover{background:var(--s4)}
.btn-danger{background:transparent;border-color:rgba(229,72,77,.5);color:var(--err-t)}
input,select,textarea{font-family:var(--body);font-size:16px;color:var(--t1);background:var(--deep);border:1px solid var(--b2);border-radius:8px;padding:12px 14px;width:100%;outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(48,112,217,.2)}
select option{background:var(--s2)}
.muted{color:var(--t2)}.dim{color:var(--t3)}
.ok{color:var(--ok-t)}.err{color:var(--err-t)}.warn{color:var(--warn-t)}
.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--b2);background:var(--s3);color:var(--t2)}
.pill.on{background:rgba(48,112,217,.2);border-color:var(--primary);color:#fff}
.pill.okp{background:rgba(43,182,115,.15);border-color:rgba(43,182,115,.5);color:var(--ok-t)}
.pill.warnp{background:rgba(232,163,60,.15);border-color:rgba(232,163,60,.5);color:var(--warn-t)}
.logo{height:18px;display:block}