.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%,#d4a8430f,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{border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);width:100%;max-width:420px;box-shadow:0 0 0 1px #ffffff08,0 24px 80px #00000080,0 0 120px var(--accent-gold-muted);background:#18181dd9;border-radius:20px;padding:40px;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{align-items:center;gap:10px;margin-bottom:28px;display:flex}.login-logo__icon{background:linear-gradient(135deg,var(--accent-gold),var(--tool-fg-designer));width:36px;height:36px;color:var(--text-on-accent);border-radius:10px;justify-content:center;align-items:center;font-size:1.1rem;font-weight:800;display:flex}.login-logo__text{color:var(--text-primary);letter-spacing:-.02em;font-size:1.2rem;font-weight:700}.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:.88rem}.login-google{background:var(--bg-elevated);border:1px solid var(--border-medium);width:100%;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-size:.88rem;font-weight:500;display:flex}.login-google:hover{background:var(--bg-hover);border-color:var(--border-medium);transform:translateY(-1px)}.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);text-transform:uppercase;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:.78rem;font-weight:500}.login-field input{background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-primary);transition:all var(--transition-fast);border-radius:10px;outline:none;padding:11px 14px;font-size:.88rem}.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-error{color:var(--accent-red);background:#f8717114;border:1px solid #f8717133;border-radius:10px;padding:10px 14px;font-size:.82rem;line-height:1.4}.login-submit{background:linear-gradient(135deg,var(--accent-gold),var(--tool-fg-designer));color:var(--text-on-accent);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:12px;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 #11111426;border-top-color:var(--text-on-accent);border-radius:50%;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:.82rem}.login-toggle button{color:var(--accent-gold);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-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:.78rem}.login-forgot button:hover{color:var(--accent-gold)}@media (max-width:480px){.login-card{margin:16px;padding:28px 24px}.login-title{font-size:1.3rem}}