.auth-page { box-sizing: border-box; margin: 0; min-height: 100vh; min-height: 100svh; display: grid; place-items: center; color: #f8fafc; font: 14px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: radial-gradient(ellipse at 15% 10%, #1e3a5f66, transparent 50%), radial-gradient(ellipse at 85% 85%, #f9731610, transparent 45%), #0b1120; -webkit-font-smoothing: antialiased; color-scheme: dark; }
.auth-page * { box-sizing: border-box; }
.auth-page .login-container { width: 100%; max-width: 470px; padding: 28px 20px; }
.auth-page .login-card { padding: 40px; background: #131e30dd; border: 1px solid #2a3850; border-radius: 24px; box-shadow: 0 30px 100px #0003, inset 0 1px 0 #ffffff06; }
.auth-page .logo-section { margin-bottom: 30px; }
.auth-page .logo-section img { width: 48px; height: 48px; margin-bottom: 24px; }
.auth-page .logo-section h1 { margin: 12px 0; font-size: 28px; font-weight: 700; line-height: 1.22; letter-spacing: -.85px; }
.auth-page .logo-section p { color: #a5b4ca; font-size: 13px; line-height: 1.65; margin: 0; }
.auth-page .logo-section .auth-eyebrow { font-size: 10px; font-weight: 600; letter-spacing: 1.2px; color: #fdba74; }
.auth-page .form-group { margin-bottom: 20px; }
.auth-page label { display: block; margin-bottom: 8px; color: #c5d0e1; font-size: 12px; font-weight: 550; }
.auth-page input:not([type="hidden"]) { width: 100%; min-height: 48px; padding: 12px 14px; background: #0c1626; border: 1px solid #34445f; border-radius: 10px; color: #f8fafc; font: inherit; font-size: 16px; transition: border-color .15s; }
.auth-page input:focus { border-color: #fb923c; }
.auth-page button { display: block; width: 100%; min-height: 48px; margin-top: 12px; padding: 12px 16px; background: #fb923c; color: #10192a; border: 1px solid #fb923c; border-radius: 10px; font: inherit; font-weight: 700; cursor: pointer; }
.auth-page button:hover { background: #fdba74; }
.auth-page .auth-secondary { background: #1b2940; color: #c5d0e1; border-color: #34445f; }
.auth-page .auth-secondary:hover { background: #293c57; }
.auth-page .auth-back { display: block; margin-top: 24px; text-align: center; color: #a5b4ca; text-underline-offset: 4px; font-size: 12px; }
.auth-page .error-message { margin-bottom: 20px; padding: 12px 14px; background: #fb718514; border: 1px solid #fb718540; color: #fda4af; border-radius: 10px; line-height: 1.6; }
.auth-page :focus-visible { outline: 3px solid #fb923c; outline-offset: 3px; }
@media (max-width: 480px) { .auth-page .login-card { padding: 28px 24px; border-radius: 20px; } }