.auth-page { min-height: 100vh; color: #e5eefb; background: radial-gradient(circle at top, #172554, #050816 58%); }
.auth-shell { display: grid; min-height: 100vh; place-items: center; padding: 24px; }
.auth-card { width: min(100%, 420px); padding: 34px; border: 1px solid rgba(148,163,184,.25); border-radius: 20px; background: rgba(9,16,32,.9); box-shadow: 0 24px 70px rgba(0,0,0,.35); }
.auth-eyebrow { margin: 0 0 8px; color: #7dd3fc; font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.auth-card h1 { margin: 0; color: #f8fbff; }
.auth-subtitle, .auth-switch { color: #94a8c2; font-size: 13px; }
.auth-form { display: grid; gap: 9px; margin-top: 24px; }
.auth-form label { color: #cbd5e1; font-size: 12px; font-weight: 700; }
.auth-form input { height: 44px; padding: 0 12px; border: 1px solid rgba(100,116,139,.6); border-radius: 10px; color: #f8fbff; background: rgba(5,10,22,.8); outline: 0; }
.auth-form input:focus { border-color: #38bdf8; box-shadow: 0 0 0 3px rgba(56,189,248,.16); }
.auth-form .primary-button { min-height: 43px; margin-top: 9px; border: 0; border-radius: 10px; color: #fff; background: linear-gradient(135deg,#0284c7,#4f46e5); font-weight: 800; cursor: pointer; }
.auth-message { margin: 16px 0 0; font-size: 13px; }
.auth-message.error { color: #fca5a5; }
.auth-message.success { color: #86efac; }
.auth-switch { margin: 20px 0 0; text-align: center; }
.auth-switch a { color: #7dd3fc; }