:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark;background:#0b1020;color:#f7f8fb}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#19233f 0,#0b1020 48%,#070b14 100%)}
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}
.auth-card{width:min(100%,460px);padding:28px;border:1px solid #303a55;border-radius:20px;background:rgba(15,21,38,.96);box-shadow:0 24px 70px rgba(0,0,0,.35)}
.eyebrow{margin:0 0 8px;color:#8ea7ff;font-weight:700;letter-spacing:.06em;direction:ltr;text-align:right}
h1{margin:0 0 10px;font-size:clamp(1.6rem,5vw,2.2rem)}
.hint,.footnote{color:#aeb7ca;line-height:1.7}
form{display:grid;gap:16px;margin-top:24px}
label{display:grid;gap:7px;font-weight:650}
input{width:100%;padding:13px 14px;border:1px solid #3a4664;border-radius:11px;background:#090e1a;color:#fff;font:inherit;outline:none}
input:focus{border-color:#8ea7ff;box-shadow:0 0 0 3px rgba(142,167,255,.15)}
button{padding:13px 16px;border:0;border-radius:11px;background:#e8edff;color:#11182a;font:inherit;font-weight:800;cursor:pointer}
button:disabled{opacity:.55;cursor:wait}
.status{min-height:1.5em;margin:0;color:#c6ccda}
.status.bad{color:#ffb6b6}.status.ok{color:#a7efc0}
.footnote{margin:20px 0 0;font-size:.88rem}