.login-page{position:relative;overflow:hidden}.login-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 20% 80%,rgba(218,165,32,.08) 0%,transparent 70%),radial-gradient(ellipse 60% 80% at 80% 20%,rgba(218,165,32,.06) 0%,transparent 70%),radial-gradient(ellipse 50% 50% at 50% 50%,rgba(218,165,32,.03) 0%,transparent 60%);z-index:0;animation:bgShift 20s ease-in-out infinite alternate;pointer-events:none}@keyframes bgShift{0%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}to{opacity:.6;transform:scale(1)}}[data-bs-theme=light] .login-page:before{background:radial-gradient(ellipse 80% 60% at 20% 80%,rgba(184,134,11,.05) 0%,transparent 70%),radial-gradient(ellipse 60% 80% at 80% 20%,rgba(184,134,11,.04) 0%,transparent 70%)}.login-page>.page,.login-page>.theme-toggle{position:relative;z-index:1}.logo-img{animation:glow 4s ease-in-out infinite alternate}@keyframes glow{0%{filter:drop-shadow(0 0 4px rgba(218,165,32,.3))}to{filter:drop-shadow(0 0 16px rgba(218,165,32,.6))}}[data-bs-theme=light] .logo-img{animation:glowLight 4s ease-in-out infinite alternate}@keyframes glowLight{0%{filter:drop-shadow(0 0 4px rgba(184,134,11,.2))}to{filter:drop-shadow(0 0 12px rgba(184,134,11,.4))}}.login-form-container{backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);border:1px solid var(--card-border)!important;box-shadow:var(--shadow-lg);position:relative;overflow:hidden;border-radius:var(--radius-lg)!important}.login-form-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--primary-color),var(--accent-color),var(--primary-color),transparent);z-index:1}.login-form-container:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--primary-light) 0%,transparent 70%);z-index:-1;animation:cardPulse 15s ease-in-out infinite;pointer-events:none}@keyframes cardPulse{0%{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.5}to{transform:scale(1);opacity:.3}}[data-bs-theme=light] .login-form-container{background:#ffffffe6!important;box-shadow:var(--shadow-lg),0 0 0 1px #b8860b1a}.login-title{color:var(--primary-color);font-family:Inter,sans-serif;font-weight:700;font-size:1.5rem;letter-spacing:-.02em;text-align:center;margin-bottom:4px}.login-subtitle{color:var(--text-muted);font-size:.9rem;text-align:center;margin-bottom:24px}.form-options{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.forgot-password{color:var(--text-secondary);transition:var(--transition)}.forgot-password:hover{color:var(--primary-color);text-decoration:underline}.login-btn{position:relative;overflow:hidden;font-size:1rem;letter-spacing:2px;transition:var(--transition);border-radius:var(--radius-md)!important;display:inline-flex;align-items:center;justify-content:center;gap:8px}.login-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s cubic-bezier(.4,0,.2,1)}.login-btn:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.login-btn:hover:after{left:100%}.login-btn:active{transform:translateY(-1px)}.error-message{color:var(--error-color);text-align:center;margin-top:15px;font-size:.9rem;display:none;background-color:#ef444414;padding:10px;border-radius:var(--radius-sm);border-left:3px solid var(--error-color);animation:errorFadeIn .3s ease-out}@keyframes errorFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}[data-bs-theme=light] .error-message{background-color:#dc26260f}.back-link{color:var(--text-secondary);font-size:.9rem;transition:var(--transition)}.back-link:hover{color:var(--primary-color)}.back-link i{margin-right:5px}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.shake{animation:shake .6s cubic-bezier(.36,.07,.19,.97) both}@media(max-width:768px){.logo-img{height:120px!important}}@media(max-width:480px){.logo-img{height:100px!important}.form-options{flex-direction:column;align-items:flex-start;gap:10px}.login-title{font-size:1.25rem}}