.auth-stage{--auth-ink:#f5f7fb;--auth-ink-soft:#b7c3d7;--auth-ink-muted:#8a9ab0;--auth-field:rgba(15,30,45,0.92);--auth-field-line:#495f74;--auth-field-hover:#61778c;--auth-rule:rgba(137,158,179,0.5);--auth-error:#ffb4aa;--auth-accent:#19e2e8;--auth-accent-strong:#23eff1;--auth-accent-ink:#061014;--auth-card-line:rgba(0,190,213,0.48);--auth-glow:rgba(20,83,119,0.24);position:relative;overflow:hidden;margin:var(--gap) 0;padding:clamp(28px,5vw,64px) clamp(16px,4vw,56px);border-radius:18px;color:var(--auth-ink);background:radial-gradient(circle at 18% 12%,var(--auth-glow),transparent 38%),linear-gradient(135deg,#060b11 0,#0c1724 50%,#070b12 100%)}.auth-stage.auth-admin{--auth-accent:#9a7dff;--auth-accent-strong:#a383ff;--auth-accent-ink:#0b0717;--auth-card-line:rgba(137,94,226,0.58);--auth-glow:rgba(84,52,147,0.22);--auth-error:#e2d6ff}.auth-stage:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.17;background-image:linear-gradient(rgba(255,255,255,.024) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 0);background-size:56px 56px;-webkit-mask-image:linear-gradient(180deg,black,transparent 85%);mask-image:linear-gradient(180deg,black,transparent 85%)}.auth-column{position:relative;max-width:640px;margin:0 auto}.auth-eyebrow{position:relative;width:max-content;max-width:100%;margin:0 auto 34px;color:#d3dbeb;font-size:.95rem;font-weight:700;line-height:1;letter-spacing:.31em;text-transform:uppercase;text-align:center}.auth-eyebrow:after{content:"";position:absolute;left:50%;bottom:-16px;width:72px;height:3px;border-radius:999px;transform:translateX(-50%);background:var(--auth-accent);box-shadow:0 0 16px var(--auth-accent)}.auth-card{display:flex;flex-direction:column;padding:clamp(32px,5vw,60px) clamp(22px,5vw,60px) 24px;border:1px solid var(--auth-card-line);border-radius:22px;background:linear-gradient(145deg,rgba(16,31,46,.88),rgba(9,18,29,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 26px 60px rgba(0,0,0,.18)}.auth-brand{margin-bottom:clamp(26px,4vw,44px)}.auth-brand-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.auth-brand-name{font-size:clamp(2rem,6vw,2.75rem);font-weight:800;line-height:.9;letter-spacing:.035em}.auth-brand-subtitle{display:block;margin-top:10px;font-size:.8rem;font-weight:700;letter-spacing:.38em}.auth-chip{padding:7px 14px;border:1px solid #8e72db;border-radius:9px;color:#b9a1ff;font-size:.9rem;font-weight:700;letter-spacing:.12em}.auth-heading{margin:0 0 12px;font-size:clamp(2rem,5.5vw,3rem);line-height:1.06;letter-spacing:-.035em}.auth-heading:focus{outline:none}.auth-heading:focus-visible{outline:3px solid var(--auth-accent);outline-offset:4px}.auth-intro{margin:0 0 24px;color:var(--auth-ink-soft);font-size:clamp(1rem,2.4vw,1.15rem);line-height:1.52}.auth-form{display:grid;gap:18px}.auth-field{display:grid;gap:8px;color:#e1e7f0;font-size:1rem;font-weight:500}.auth-input{width:100%;min-height:56px;padding:0 18px;border:1px solid var(--auth-field-line);border-radius:11px;color:#eef4fd;background:var(--auth-field);font:inherit;font-size:1.05rem;transition:border-color .18s ease,box-shadow .18s ease}.auth-input::placeholder{color:#708399}.auth-input:hover{border-color:var(--auth-field-hover)}.auth-input:focus{outline:none;border-color:var(--auth-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--auth-accent) 22%,transparent)}.auth-input:disabled{cursor:not-allowed;color:#6d7e94;border-color:#33485d;background:rgba(11,24,37,.72)}select.auth-input{appearance:auto}.auth-code-input{font-weight:700;letter-spacing:.38em}.auth-hint{margin:-8px 0 0;color:var(--auth-ink-muted);font-size:.88rem;line-height:1.45}.auth-status{min-height:1.4em;color:var(--auth-ink-soft)}.auth-error,.auth-status{margin:0;font-size:.95rem;line-height:1.45}.auth-error{padding:10px 14px;border:1px solid color-mix(in srgb,var(--auth-error) 45%,transparent);border-radius:10px;color:var(--auth-error);background:rgba(255,120,100,.08)}.auth-admin .auth-error{background:rgba(154,125,255,.1)}.auth-primary,.auth-secondary{display:flex;align-items:center;justify-content:center;width:100%;min-height:58px;padding:0 18px;border-radius:10px;font:inherit;font-size:1.08rem;font-weight:800;text-align:center;text-decoration:none;cursor:pointer;transition:transform .15s ease,filter .15s ease}.auth-primary{border:0;color:var(--auth-accent-ink);background:linear-gradient(90deg,var(--auth-accent),var(--auth-accent-strong));box-shadow:0 12px 30px color-mix(in srgb,var(--auth-accent) 14%,transparent)}.auth-secondary{border:2px solid var(--auth-accent);color:var(--auth-accent);background:transparent}.auth-primary:hover:not(:disabled),.auth-secondary:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.06)}.auth-primary:disabled,.auth-secondary:disabled{cursor:not-allowed;opacity:.55}.auth-primary:focus-visible,.auth-secondary:focus-visible,.auth-text-action:focus-visible{outline:3px solid #f5f7fb;outline-offset:3px}.auth-text-action{justify-self:start;padding:0;border:0;color:var(--auth-accent);background:none;font:inherit;font-weight:700;cursor:pointer}.auth-text-action:disabled{cursor:not-allowed;opacity:.55}.auth-actions{display:grid;gap:10px;margin-top:10px}.auth-helper{margin:12px 0 0;color:#acb9ca;font-size:.92rem;text-align:center}.auth-footer{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:28px;padding-top:18px;border-top:1px solid var(--auth-rule);color:var(--auth-accent);font-size:1rem}.auth-footer span{color:#d3dbeb}.auth-footnote{margin:14px 0 0;color:#8191a7;font-size:.88rem;text-align:center}@media (max-width:620px){.auth-stage{margin-inline:calc(var(--gap) * -1);border-radius:0}.auth-card{border-radius:17px}.auth-eyebrow{font-size:.8rem;letter-spacing:.24em}}@media (prefers-reduced-motion:reduce){.auth-stage *,.auth-stage :after,.auth-stage :before{transition:none!important}}