.login-container{min-height:100vh;display:flex}.login-left-panel{flex:3;background:var(--color-indigo-900);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:4rem}.login-left-panel:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,rgba(255,255,255,.15) 1px,transparent 0);background-size:20px 20px;opacity:.4;z-index:3}.login-left-content{position:relative;z-index:10;color:white;text-align:right;width:100%}.login-left-title{font-size:1.875rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.login-left-subtitle{font-size:1.125rem;margin-bottom:3rem;opacity:.9;line-height:1.6}.login-features{display:flex;flex-direction:column;gap:2rem}.login-feature{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:2rem}.login-feature-icon{width:48px;height:48px;background:rgba(255,255,255,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:white}.login-feature-content{flex:1;text-align:right}.login-feature-content h3{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:white}.login-feature-content p{font-size:.875rem;opacity:.9;line-height:1.5;color:white}.login-bell-logo{position:absolute;bottom:0;left:0;width:360px;height:360px;opacity:.15;transform:translateX(-60px) translateY(20px);filter:brightness(1.2) contrast(1.1);z-index:5;display:none}.login-copyright{position:absolute;bottom:2rem;right:2rem;font-size:.875rem;opacity:.7;color:white;z-index:10}.login-right-panel{flex:2;background:white;display:flex;align-items:center;justify-content:center;padding:3rem 2rem}.login-form-wrapper{background:white;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.1);padding:2.5rem;width:65%;max-width:450px;min-width:350px;max-height:600px;border:1px solid rgba(0,0,0,.05)}.login-form-container{width:100%}.login-logo{display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.login-welcome{margin-bottom:2rem;text-align:center}.login-welcome h1{font-size:var(--font-size-title);font-weight:700;color:#1f2937;margin-bottom:.5rem}.login-welcome p{color:#6b7280;font-size:var(--font-size-description)}.login-form{gap:1.5rem}.login-form,.login-form-group{display:flex;flex-direction:column}.login-form-group{gap:.5rem}.login-form-label{font-size:.875rem;font-weight:500;color:#374151}.login-form-input:focus{border-color:#4a51a3;box-shadow:0 0 0 3px rgba(74,81,163,.1)}.login-options{justify-content:space-between;margin-top:.5rem}.login-options,.login-remember{display:flex;align-items:center}.login-remember{gap:.5rem;font-size:.875rem;color:#374151}.login-forgot{font-size:.875rem;color:#4a51a3;text-decoration:none}.login-forgot:hover{text-decoration:underline}.login-submit{background:#4a51a3!important;color:white!important;border:none!important;margin-top:1rem}.login-submit:hover{background:#3d4491!important}.login-submit:disabled{background:#9ca3af!important;cursor:not-allowed}.login-submit-loading{display:flex;align-items:center;justify-content:center;gap:.5rem}.login-spinner{width:1rem;height:1rem;border:2px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.login-register{text-align:center;margin-top:2rem;font-size:.875rem;color:#6b7280}.login-register a{color:#4a51a3;text-decoration:none;font-weight:500}.login-register a:hover{text-decoration:underline}@media (max-width:1024px){.login-container{flex-direction:column}.login-left-panel{display:none}.login-right-panel{flex:1;padding:2rem;min-height:100vh}.login-form-wrapper{width:80%;max-width:500px;min-width:320px;max-height:600px;padding:2.5rem 2rem}.login-bell-logo{width:200px;height:200px;transform:translateX(-20px) translateY(20px)}}@media (max-width:768px){.login-container{flex-direction:column}.login-left-panel{display:none}.login-right-panel{flex:1;padding:1rem;min-height:100vh}.login-form-wrapper{width:85%;max-width:450px;min-width:280px;max-height:550px;padding:2rem 1.5rem}.login-logo{margin-bottom:.75rem}.login-welcome{margin-bottom:1.5rem}.login-welcome h1{font-size:1.5rem}.login-welcome p{font-size:.875rem}.login-form{gap:1rem}.login-options{flex-direction:column;gap:.75rem;align-items:flex-start}.login-register{margin-top:1.5rem}}@media (max-width:480px){.login-right-panel{padding:.5rem}.login-form-wrapper{width:90%;max-width:400px;max-height:500px;padding:1.5rem 1rem;border-radius:8px}.login-welcome h1{font-size:1.25rem}.login-forgot,.login-form-label,.login-register,.login-remember,.login-welcome p{font-size:.8rem}}