.login-container{display:flex;height:100vh;width:100%;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-image-section{flex:2 1;position:relative;overflow:hidden;background-color:#f3f4f6;animation:slideInLeft .8s ease-out .3s both}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.login-background-image{width:100%;height:100%;object-fit:fill;transition:opacity .3s ease-in-out}.image-loading{opacity:0}.image-loaded{opacity:1}.login-form-section{flex:1 1;background:linear-gradient(180deg,#FFF4ED,#FFFFFF 19.72%);display:flex;justify-content:center;overflow-y:auto;padding:2rem;animation:floatIn 1s ease-out .5s both}@keyframes floatIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.login-form-container{width:458px;display:flex;flex-direction:column;gap:32px;animation:slideInRight .8s ease-out .2s both}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.login-logo{height:50px;margin-bottom:.75rem;animation:bounceIn .8s ease-out .4s both;transition:transform .3s ease;cursor:pointer}.login-logo:hover{transform:scale(1.05)}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.resend-otp{margin-top:1rem}.resend-otp p{color:#6b7280;font-size:.875rem}.resend-otp-button{background:none;border:none;color:#f97316;font-weight:600;cursor:pointer;text-decoration:underline;padding:0;font-size:.875rem}.resend-otp-button:hover{color:#ea580c}.resend-otp-button:disabled{opacity:.6;cursor:not-allowed;color:#9ca3af}.back-button{position:absolute;top:1rem;left:1rem;background:none;border:none;font-size:.875rem;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s ease}.back-button:hover{background-color:#f3f4f6;color:#374151}.login-link{margin-top:1.5rem}.login-link p{color:#6b7280;font-size:.875rem}.login-text-button{background:none;border:none;color:#f97316;font-weight:600;cursor:pointer;text-decoration:underline;padding:0;font-size:.875rem}.login-text-button:hover{color:#ea580c}.otp-verification-section,.otp-verification-section .email-display,.otp-verification-section .resend-otp{text-align:left}.otp-input-container .otp-input{width:6rem;height:5rem}.login-title{font-size:30px;font-weight:600;color:#252B37;margin:0 0 .5rem;animation:fadeInUp .8s ease-out .6s both}.login-subtitle{font-size:16px;color:#6b7280;margin:0 0 1.5rem;animation:fadeInUp .8s ease-out .8s both}.login-form-wrapper{width:100%;padding-right:15px}.login-form-wrapper .checkbox-container{gap:0}.signin-button{width:100%;padding:.75rem 1rem;background:#FF4405;color:white;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:1.5rem;height:48px;animation:fadeInUp .8s ease-out 1.2s both;position:relative;overflow:hidden}.signin-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.signin-button:hover:before{left:100%}.signin-button:hover{background:#e03d04}.signin-button:disabled{opacity:.6;cursor:not-allowed}.back-button{margin-bottom:1rem;color:#6b7280}.back-button:hover{color:#111827}@media (max-width:1024px){.login-container{flex-direction:column}.login-image-section{flex:none;height:300px}.login-form-section{flex:1 1;padding:1.5rem}.login-form-container{width:100%;max-width:458px;gap:1.5rem}}@media (max-width:768px){.login-form-section{padding:1rem}.login-title{font-size:1.75rem}}