:root{
  --auth-bg:#0b0b0d;--auth-panel:#141417;--auth-well:#0f0f12;
  --auth-ink:#f5f4ef;--auth-muted:#a09fa8;--auth-faint:#6f6e77;
  --auth-line:rgba(255,255,255,.10);--auth-line-strong:rgba(255,255,255,.19);
  --auth-violet:#8b7bff;--auth-coral:#ff806b;
  --auth-display:'Instrument Sans',system-ui,sans-serif;
  --auth-ui:'Inter Tight',system-ui,sans-serif;
  --auth-mono:'Martian Mono',ui-monospace,monospace;
}
html,body{background:radial-gradient(circle at 52% -15%,rgba(139,123,255,.16),transparent 34rem),var(--auth-bg)!important;color:var(--auth-ink)!important;font-family:var(--auth-ui)!important}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.10'/%3E%3C/svg%3E")}
.card{position:relative;width:min(430px,100%)!important;max-width:430px!important;padding:32px!important;border:1px solid var(--auth-line-strong)!important;border-radius:14px!important;background:linear-gradient(145deg,#17161e,var(--auth-panel))!important;box-shadow:0 35px 90px -42px rgba(0,0,0,.9)!important}
.card::before{content:"";position:absolute;left:24px;right:24px;top:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--auth-violet),transparent)}
h1{font:650 29px/1.05 var(--auth-display)!important;letter-spacing:-.04em!important;color:var(--auth-ink)!important}
p,label,.rowx,a{color:var(--auth-muted)!important}
.em{color:var(--auth-ink)!important}
input{border:1px solid var(--auth-line)!important;border-radius:8px!important;background:var(--auth-well)!important;color:var(--auth-ink)!important;font-family:var(--auth-ui)!important}
input:focus{outline:0!important;border-color:var(--auth-violet)!important;box-shadow:0 0 0 3px rgba(139,123,255,.14)!important}
button:not(.link){border-radius:8px!important;background:var(--auth-ink)!important;color:var(--auth-bg)!important;font-family:var(--auth-ui)!important}
.link,.msg.ok{color:var(--auth-violet)!important}.msg.err{color:var(--auth-coral)!important}
#devbox{border-color:var(--auth-line-strong)!important;background:var(--auth-well)!important;color:var(--auth-muted)!important}
#devcode{color:var(--auth-violet)!important}
@media(max-width:520px){body{align-items:flex-start!important;padding:18px!important}.card{margin-top:7vh;padding:25px 20px!important}}
