.login-page{background:var(--bg-base);grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-visual{background:linear-gradient(145deg,#1a1020 0%,#0d0a14 100%);flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:relative;overflow:hidden}.login-visual-overlay{z-index:1;background:linear-gradient(#0000 30%,#0d0a148c 65%,#0d0a14eb 100%);position:absolute;inset:0}.login-hero-img{object-fit:cover;object-position:center 30%;opacity:.8;z-index:0;width:100%;height:100%;animation:1.2s ease-out both loginHeroFade;position:absolute;inset:0}@keyframes loginHeroFade{0%{opacity:0;transform:scale(1.05)}to{opacity:.8;transform:scale(1)}}.login-visual-content{z-index:2;text-align:center;width:100%;max-width:480px;padding:0 40px 56px;animation:.8s cubic-bezier(.16,1,.3,1) .3s both slideUp;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.login-visual-pulse{margintom:16px;justify-content:center;align-items:center;display:inline-flex}.login-pulse-svg{color:#f26b3a;filter:drop-shadow(0 0 12px #f26b3a66);width:120px;height:32px;animation:2.4s ease-in-out infinite pulseGlow}@keyframes pulseGlow{0%,to{filter:drop-shadow(0 0 8px #f26b3a4d)}50%{filter:drop-shadow(0 0 18px #f26b3a99)}}.login-visual-title{color:#fff;letter-spacing:-.02em;text-shadow:0 2px 20px #0006;margin:0 0 12px;font-size:42px;font-weight:800}.login-visual-sub{color:#ffffffb8;margin:0 0 28px;font-size:16px;line-height:1.6}.login-visual-features{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.login-feature-chip{color:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;padding:6px 14px;font-size:12.5px;font-weight:500;transition:background .2s}.login-feature-chip:hover{background:#ffffff24}.login-form-panel{background:var(--bg-base);flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex;position:relative}.login-form-panel .login-card{background:var(--bg-surface);border:1px solid var(--border-1);border-radius:20px;width:100%;max-width:400px;padding:40px 32px 32px;animation:.6s cubic-bezier(.16,1,.3,1) .15s both formSlideIn;box-shadow:0 1px 3px #0000000a,0 8px 24px #0000000f}@keyframes formSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.login-form-panel .login-header{text-align:center;margintom:28px}.login-header-logo{margintom:16px;justify-content:center;display:flex}.login-header-logo svg{filter:drop-shadow(0 2px 8px #f26b3a40)}.login-form-panel .login-header h2{color:var(--text-1);letter-spacing:-.01em;margin:0 0 8px;font-size:22px;font-weight:700}.login-brand-accent{color:#f26b3a}.login-form-panel .login-header p{color:var(--text-2);margin:0;font-size:13.5px;line-height:1.5}.login-footer-text{color:var(--text-muted);text-align:center;margin-top:32px;font-size:12px;animation:.6s cubic-bezier(.16,1,.3,1) .4s both formSlideIn}@media (max-width:900px){.login-page{grid-template-columns:1fr}.login-visual{min-height:260px;max-height:340px}.login-visual-content{padding:0 24px 28px}.login-visual-title{font-size:28px}.login-visual-sub{margintom:16px;font-size:14px}.login-feature-chip{padding:4px 10px;font-size:11px}.login-form-panel{padding:24px 16px 40px}.login-form-panel .login-card{padding:28px 24px 24px}}@media (max-width:480px){.login-visual-features{display:none}}