.auth-page{min-height:100vh;padding:var(--space-xl);background:radial-gradient(ellipse 80% 60% at 50% -10%, #6366f12e, transparent), var(--bg-primary);justify-content:center;align-items:center;display:flex}.auth-card{width:100%;max-width:420px;padding:var(--space-2xl);border-radius:var(--radius-xl);background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-lg)}.auth-brand{text-align:center;margin-bottom:var(--space-xl)}.auth-brand h1,.auth-brand-logo{font-family:var(--font-heading);background:var(--accent-gradient);-webkit-text-fill-color:transparent;margin-bottom:var(--space-xs);-webkit-background-clip:text;background-clip:text;font-size:2.25rem;font-weight:800;display:inline-block}.auth-brand h1 span,.auth-brand-logo span{-webkit-text-fill-color:var(--accent-secondary)}.auth-brand p{color:var(--text-secondary);font-size:.95rem}.auth-hint{margin:0 0 var(--space-lg);color:var(--text-secondary);text-align:center;font-size:.88rem;line-height:1.45}.auth-link-btn{color:var(--text-accent);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:500}.auth-link-btn:hover:not(:disabled){text-decoration:underline}.auth-link-btn:disabled{opacity:.6;cursor:not-allowed}.auth-form{gap:var(--space-md);flex-direction:column;display:flex}.auth-field{gap:var(--space-xs);flex-direction:column;display:flex}.auth-field span{color:var(--text-secondary);font-size:.875rem;font-weight:500}.auth-field input{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-surface);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.75rem 1rem;font-size:1rem}.auth-field input:focus{border-color:var(--border-active);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.auth-field input:disabled{opacity:.6;cursor:not-allowed}.auth-remember{color:var(--text-secondary);-webkit-user-select:none;user-select:none;align-items:center;gap:.55rem;font-size:.9rem;display:flex}.auth-remember input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--accent-primary)}.auth-error{border-radius:var(--radius-md);color:#fda4af;background:#f43f5e1f;border:1px solid #f43f5e59;padding:.75rem 1rem;font-size:.9rem}.auth-notice{border-radius:var(--radius-md);color:#c7d2fe;background:#6366f11f;border:1px solid #6366f159;padding:.75rem 1rem;font-size:.88rem;line-height:1.45}.auth-submit{margin-top:var(--space-sm);border-radius:var(--radius-md);background:var(--accent-gradient);color:#fff;font-family:var(--font-heading);cursor:pointer;transition:opacity var(--transition-fast), transform var(--transition-fast);border:none;padding:.85rem 1.25rem;font-size:1rem;font-weight:600}.auth-submit:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-footer{margin-top:var(--space-lg);text-align:center;color:var(--text-muted);font-size:.9rem}.auth-footer a{color:var(--text-accent);font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-loading{justify-content:center;align-items:center;gap:var(--space-md);min-height:100vh;color:var(--text-secondary);flex-direction:column;display:flex}.auth-loading-spinner{border:3px solid var(--border-subtle);border-top-color:var(--accent-primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}