.login-page{background:var(--bg-base);justify-content:center;align-items:center;min-height:100dvh;display:flex;position:relative;overflow:hidden}.login-bg{background:radial-gradient(ellipse 80% 60% at 50% -20%,var(--accent-gold-glow),transparent),radial-gradient(ellipse 60% 50% at 80% 50%,color-mix(in srgb,var(--accent-gold)6%,transparent),transparent),radial-gradient(ellipse 50% 40% at 20% 80%,#e6bc5a0d,transparent);animation:8s ease-in-out infinite alternate loginBgPulse;position:absolute;inset:0}@keyframes loginBgPulse{0%{opacity:.7}to{opacity:1}}.login-card{width:100%;max-width:420px;padding:var(--space-10);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--shadow-xl),0 0 120px var(--accent-gold-muted);animation:.5s ease-out loginCardIn;position:relative}@keyframes loginCardIn{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.login-logo{font-family:var(--font-brand),"Exo",sans-serif;letter-spacing:-.025em;color:var(--accent-gold-text);justify-content:center;margin-bottom:28px;font-size:1.5rem;font-weight:700;display:flex}a.login-logo:hover{color:var(--accent-gold-text-hover)}.login-title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:6px;font-size:1.5rem;font-weight:700}.login-subtitle{color:var(--text-secondary);margin-bottom:28px;font-size:.9rem}.login-google,.login-apple{background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);width:100%;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-size:.9rem;font-weight:500;display:flex}.login-apple{margin-top:10px}.login-google:not(:disabled):hover,.login-apple:not(:disabled):hover{background:var(--bg-hover);border-color:var(--border-medium);transform:translateY(-1px)}.login-google:disabled,.login-apple:disabled{opacity:.6;cursor:not-allowed}.login-divider{align-items:center;gap:16px;margin:24px 0;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border-subtle);flex:1;height:1px}.login-divider span{color:var(--text-muted);letter-spacing:.05em;font-size:.75rem}.login-form{flex-direction:column;gap:16px;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-field label{color:var(--text-secondary);font-size:.8rem;font-weight:500}.login-field input{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);transition:all var(--transition-fast);outline:none;padding:11px 14px;font-size:.9rem}.login-field input::placeholder{color:var(--text-muted)}.login-field input:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px var(--accent-gold-muted)}.login-field input:focus-visible{outline:2px solid var(--accent-gold);outline-offset:1px}.login-error{background:color-mix(in srgb,var(--accent-red)10%,transparent);border:1px solid color-mix(in srgb,var(--accent-red)28%,transparent);border-radius:var(--radius-sm);color:var(--text-danger);padding:10px 14px;font-size:.8rem;line-height:1.4}.login-submit{background:var(--accent-gold);border-radius:var(--radius-md);color:var(--text-on-accent);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;min-height:44px;padding:12px 16px;font-size:.9rem;font-weight:600;display:flex}.login-submit:not(:disabled):hover{filter:brightness(1.1);box-shadow:0 6px 24px var(--accent-gold-glow);transform:translateY(-1px)}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-spinner{border:2px solid color-mix(in srgb,currentColor 20%,transparent);border-radius:var(--radius-full);border-top-color:currentColor;width:18px;height:18px;animation:.7s linear infinite loginSpin}@keyframes loginSpin{to{transform:rotate(360deg)}}.login-toggle{text-align:center;color:var(--text-secondary);margin-top:20px;font-size:.8rem}.login-toggle button{color:var(--accent-gold-text);cursor:pointer;font-weight:600;font-size:inherit;transition:color var(--transition-fast);background:0 0;border:none}.login-toggle button:hover{color:var(--accent-gold-text-hover)}.login-forgot{text-align:right;margin-top:-8px}.login-forgot button{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;font-size:.8rem}.login-forgot button:hover{color:var(--accent-gold-text)}@media (max-width:480px){.login-card{margin:16px;padding:28px 24px}.login-title{font-size:1.3rem}}