.login-page{min-height:100dvh;padding:var(--space-2xl);background:var(--c-bg-primary);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-bg-glow{pointer-events:none;z-index:0;position:absolute;inset:0}.login-bg-glow:before{content:"";background:radial-gradient(circle,#7c3aed26 0%,#0000 70%);border-radius:50%;width:60%;height:60%;animation:8s ease-in-out infinite float;position:absolute;top:-20%;left:-10%}.login-bg-glow:after{content:"";background:radial-gradient(circle,#f973161f 0%,#0000 70%);border-radius:50%;width:50%;height:50%;animation:10s ease-in-out infinite reverse float;position:absolute;bottom:-15%;right:-10%}.login-card{z-index:1;width:100%;max-width:380px;padding:var(--space-3xl) var(--space-2xl);border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(40px);text-align:center;background:#ffffff0a;border:1px solid #ffffff0f;animation:.6s cubic-bezier(.16,1,.3,1) both scaleIn;position:relative;box-shadow:0 24px 80px #0006,0 0 1px #ffffff1a,inset 0 1px #ffffff0d}.login-crown{margin-bottom:var(--space-sm);filter:drop-shadow(0 0 20px #7c3aed66);font-size:3rem;animation:3s ease-in-out infinite both float}.login-title{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:var(--space-xs);background:linear-gradient(135deg,#a78bfa,#f97316,#22c55e);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800}.login-subtitle{font-size:var(--text-sm);color:var(--c-text-secondary);margin-bottom:var(--space-3xl);line-height:1.5}.login-google-btn{justify-content:center;align-items:center;gap:var(--space-md);width:100%;padding:14px var(--space-xl);border-radius:var(--radius-lg);color:var(--c-text-primary);font-size:var(--text-base);cursor:pointer;background:linear-gradient(135deg,#7c3aed26,#f973161a);border:1px solid #7c3aed40;font-weight:600;transition:all .2s;display:flex;position:relative;overflow:hidden}.login-google-btn:before{content:"";opacity:0;background:linear-gradient(135deg,#7c3aed40,#f9731626);transition:opacity .2s;position:absolute;inset:0}.login-google-btn:hover:before{opacity:1}.login-google-btn:hover{border-color:#7c3aed66;transform:translateY(-1px);box-shadow:0 8px 32px #7c3aed33}.login-google-btn:active{transform:translateY(0)scale(.98)}.login-google-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.login-google-btn:disabled:before{opacity:0}.login-google-icon{z-index:1;flex-shrink:0;width:20px;height:20px;position:relative}.login-google-text{z-index:1;position:relative}.login-divider{align-items:center;gap:var(--space-md);margin:var(--space-2xl) 0;display:flex}.login-divider-line{background:var(--glass-border);flex:1;height:1px}.login-divider-text{font-size:var(--text-xs);color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.1em}.login-features{margin-top:var(--space-xl);gap:var(--space-sm);flex-direction:column;display:flex}.login-feature{align-items:center;gap:var(--space-sm);font-size:var(--text-xs);color:var(--c-text-secondary);display:flex}.login-feature-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:flex}.login-footer{z-index:1;margin-top:var(--space-2xl);text-align:center;position:relative}.login-footer p{font-size:var(--text-xs);color:var(--c-text-muted);line-height:1.6}.login-spinner{z-index:1;border:2px solid #fff3;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin;position:relative}@keyframes spin{to{transform:rotate(360deg)}}.login-error{margin-top:var(--space-lg);padding:var(--space-md);border-radius:var(--radius-md);color:#fca5a5;font-size:var(--text-sm);text-align:center;background:#ef44441a;border:1px solid #ef444433}.login-butler{z-index:1;margin-top:var(--space-2xl);max-width:380px;animation:.8s cubic-bezier(.16,1,.3,1) .3s forwards slideUp;position:relative}.login-butler-bubble{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);align-items:center;gap:var(--space-md);background:#7c3aed14;border:1px solid #7c3aed26;display:flex}.login-butler-avatar{flex-shrink:0;font-size:1.5rem}.login-butler-text{font-size:var(--text-sm);color:var(--c-text-secondary);line-height:1.5}.login-butler-name{color:var(--c-purple-light);font-weight:600}