:root{--bg:#06060f;--bg2:#0d0d1a;--bg3:#131326;--cyan:#00e5ff;--pink:#ff006e;--purple:#9b5de5;--gold:#ffd60a;--green:#00ff88;--red:#ff5566;--text:#e2e8f0;--muted:#8391a7;--glass:rgba(255,255,255,.04);--border:rgba(0,229,255,.14);--r:.8rem}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--text);font-family:'Exo 2',system-ui,sans-serif;line-height:1.55}
a{color:var(--cyan)}
img,canvas,video{max-width:100%}
.hidden{display:none!important}
.grad{background:linear-gradient(135deg,var(--cyan),var(--pink));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.disp{font-family:'Orbitron',sans-serif;font-weight:900;letter-spacing:.02em}
.lbl{font-family:'Rajdhani',sans-serif;font-size:.74rem;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}
.btn{padding:.7rem 1.3rem;border-radius:.6rem;border:1px solid transparent;cursor:pointer;font-family:'Rajdhani',sans-serif;font-weight:700;letter-spacing:.07em;font-size:.95rem;transition:transform .2s,box-shadow .2s,border-color .2s,color .2s;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;text-decoration:none;color:var(--text);background:var(--glass);border-color:var(--border)}
.btn:hover{border-color:var(--cyan);color:var(--cyan)}
.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}
.btn-p{background:linear-gradient(135deg,var(--cyan),var(--purple));color:#04040c;border-color:transparent}
.btn-p:hover{color:#04040c;transform:translateY(-2px);box-shadow:0 8px 26px rgba(0,229,255,.35)}
.btn-g{background:linear-gradient(135deg,var(--green),var(--cyan));color:#04040c;border-color:transparent}
.btn-g:hover{color:#04040c;transform:translateY(-2px)}
.btn-d{background:rgba(255,85,102,.1);border-color:rgba(255,85,102,.35);color:var(--red)}
.btn-d:hover{border-color:var(--red);color:var(--red)}
.btn-sm{padding:.42rem .85rem;font-size:.82rem}
.btn-xs{padding:.25rem .6rem;font-size:.75rem}
.btn-block{width:100%}
.fg{margin-bottom:.95rem}
.fg label,.fg .lbl{display:block;margin-bottom:.35rem}
input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=time],input[type=url],select,textarea{width:100%;padding:.68rem .9rem;background:rgba(255,255,255,.05);border:1px solid var(--border);border-radius:.6rem;color:var(--text);font-family:inherit;font-size:.95rem}
select option{background:var(--bg2);color:var(--text)}
textarea{resize:vertical;line-height:1.6}
input[type=range]{width:100%;accent-color:var(--cyan)}
.card{background:var(--glass);border:1px solid var(--border);border-radius:1rem;padding:1.3rem}
.note{background:rgba(0,229,255,.06);border:1px solid var(--border);border-radius:.6rem;padding:.7rem .85rem;font-size:.84rem;color:var(--muted)}
.note.warn{background:rgba(255,214,10,.06);border-color:rgba(255,214,10,.25);color:var(--gold)}
.pill{display:inline-block;padding:.14rem .5rem;border-radius:.3rem;font-size:.7rem;font-family:'Rajdhani',sans-serif;font-weight:700;letter-spacing:.06em;background:rgba(131,145,167,.16);color:var(--muted)}
.pill.pro{background:rgba(0,229,255,.13);color:var(--cyan)}.pill.agency{background:rgba(255,214,10,.13);color:var(--gold)}.pill.admin{background:rgba(255,0,110,.14);color:var(--pink)}.pill.ok{background:rgba(0,255,136,.12);color:var(--green)}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}