.login-page{z-index:4;flex-direction:row;width:100%;min-height:100svh;display:flex;position:relative}.login-visual{flex-shrink:0;justify-content:center;align-items:center;width:45%;min-height:100svh;display:flex;position:relative;overflow:hidden}.login-visual-bg{z-index:0;position:absolute;inset:0}.login-visual-bg img{object-fit:cover;width:100%;height:100%}.login-visual-overlay{z-index:1;background:#2e1f14a6;position:absolute;inset:0}.login-visual-content{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:0;height:100%;padding:3rem 2.5rem;display:flex;position:relative}.login-visual-logo{position:absolute;top:2.5rem;left:50%;transform:translate(-50%)}.login-visual-logo img{object-fit:contain;filter:brightness(0)invert();width:auto;height:36px}.login-visual-text{flex-direction:column;align-items:center;gap:1rem;display:flex}.login-visual-heading{font-family:var(--font-heading);color:#fff;letter-spacing:.02em;text-transform:uppercase;max-width:420px;font-size:clamp(2.25rem,3.5vw,3.5rem);font-weight:400;line-height:1}.login-visual-subtitle{font-family:var(--font-body);color:#ffffff80;letter-spacing:.08em;text-transform:none;font-size:clamp(.85rem,1vw,1rem);font-weight:300}.login-form-container{background-color:#f0ede8;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:100svh;padding:3rem 2.5rem;display:flex;position:relative;overflow-y:auto}.login-back-arrow{color:#4f2c22;background:#4f2c220f;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:background .3s,transform .3s;display:flex;position:absolute;top:2rem;left:2rem}.login-back-arrow:hover{color:#fff;background:#663532;transform:scale(1.05)}.login-back-arrow svg{width:20px;height:20px}.login-form-inner{width:100%;max-width:450px}.login-tab-toggle{background:#4f2c220f;border-radius:50px;margin-bottom:2rem;padding:4px;display:flex}.login-tab{font-family:var(--font-body);color:#4f2c2273;cursor:pointer;text-transform:uppercase;letter-spacing:.06em;background:0 0;border:none;border-radius:50px;flex:1;padding:.75rem 1.5rem;font-size:.82rem;font-weight:500;transition:all .3s}.login-tab.active{color:#fff;background:#663532;box-shadow:0 2px 12px #66353233}.login-form{flex-direction:column;gap:1.25rem;display:flex}.login-input-group{flex-direction:column;gap:.4rem;display:flex}.login-input-group label{font-family:var(--font-body);color:#4f2c2266;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;font-weight:500}.login-input-group input,.login-password-wrapper input{font-family:var(--font-body);color:#4f2c22;background:0 0;border:none;border-bottom:1.5px solid #4f2c221a;border-radius:0;outline:none;width:100%;padding:.85rem 0;font-size:.88rem;transition:border-color .3s}.login-input-group input:focus,.login-password-wrapper input:focus{border-bottom-color:#663532}.login-input-group input::placeholder,.login-password-wrapper input::placeholder{color:#4f2c2240}.login-password-wrapper{align-items:center;display:flex;position:relative}.login-password-wrapper input{padding-right:2.5rem}.login-password-toggle{cursor:pointer;color:#4f2c2259;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:color .3s;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.login-password-toggle:hover{color:#663532}.login-password-toggle svg{width:18px;height:18px}.login-submit-btn{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.08em;color:#fff;cursor:pointer;background:#663532;border:none;border-radius:8px;width:100%;margin-top:.25rem;padding:.85rem 0;font-size:.85rem;font-weight:500;transition:background .3s}.login-submit-btn:hover{background:#4f2c22}.login-otp-section{flex-direction:column;align-items:center;gap:1rem;display:flex}.login-otp-label{font-family:var(--font-body);color:#4f2c228c;text-align:center;text-transform:none;font-size:.82rem;line-height:1.5}.login-otp-inputs{justify-content:center;gap:.65rem;display:flex}.login-otp-box{text-align:center;width:48px;height:54px;font-family:var(--font-body);color:#4f2c22;caret-color:#663532;background:#fff9;border:1.5px solid #4f2c221f;border-radius:10px;outline:none;font-size:1.25rem;font-weight:500;transition:border-color .3s,box-shadow .3s}.login-otp-box:focus{border-color:#663532;box-shadow:0 0 0 3px #66353214}.login-resend{font-family:var(--font-body);color:#663532;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:.25rem 0;font-size:.72rem;font-weight:500;text-decoration:underline;transition:color .3s}.login-resend:hover{color:#4f2c22}.login-divider{align-items:center;gap:1rem;margin:.5rem 0;display:flex}.login-divider-line{background:#4f2c221a;flex:1;height:1px}.login-divider-text{font-family:var(--font-body);color:#4f2c2259;white-space:nowrap;text-transform:none;letter-spacing:.02em;font-size:.7rem}.login-social-buttons{gap:.75rem;display:flex}.login-social-btn{cursor:pointer;color:#4f2c22;background:#ffffff80;border:1.5px solid #4f2c221a;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.6rem;padding:.75rem 1rem;transition:all .3s;display:flex}.login-social-btn:hover{background:#fffc;border-color:#4f2c2233;transform:translateY(-1px);box-shadow:0 4px 12px #4f2c220f}.login-social-btn svg{flex-shrink:0;width:20px;height:20px}.login-social-btn span{font-family:var(--font-body);color:#4f2c22;text-transform:none;font-size:.82rem;font-weight:500}.login-switch-text{text-align:center;font-family:var(--font-body);color:#4f2c2280;text-transform:none;margin-top:.25rem;font-size:.8rem}.login-switch-btn{font-family:var(--font-body);color:#663532;cursor:pointer;text-underline-offset:3px;text-transform:none;background:0 0;border:none;padding:0;font-size:.8rem;font-weight:600;text-decoration:underline;transition:color .3s}.login-switch-btn:hover{color:#4f2c22}.login-checkbox-label{cursor:pointer;align-items:flex-start;gap:.65rem;display:flex;position:relative}.login-checkbox-label input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.login-checkbox-custom{background:#ffffff80;border:1.5px solid #4f2c2233;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;transition:all .2s;display:flex}.login-checkbox-label input[type=checkbox]:checked+.login-checkbox-custom{background:#663532;border-color:#663532}.login-checkbox-label input[type=checkbox]:checked+.login-checkbox-custom:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;margin-top:-2px;transform:rotate(45deg)}.login-checkbox-text{font-family:var(--font-body);color:#4f2c228c;text-transform:none;font-size:.75rem;line-height:1.5}.login-checkbox-text a{color:#663532;text-underline-offset:2px;text-transform:none;font-size:.75rem;font-weight:500;text-decoration:underline;transition:color .3s}.login-checkbox-text a:hover{color:#4f2c22}@media (max-width:1100px){.login-visual{width:40%}.login-visual-heading{font-size:clamp(1.75rem,3vw,2.5rem)}.login-form-container{padding:3rem 2rem}}@media (max-width:1199px) and (orientation:portrait){.login-page{flex-direction:column}.login-visual{display:none}.login-form-container{justify-content:flex-start;width:100%;min-height:100svh;padding:5rem 1.5rem 3rem}.login-back-arrow{width:36px;height:36px;top:1.25rem;left:1.25rem}.login-back-arrow svg{width:18px;height:18px}.login-form-inner{max-width:100%}.login-tab-toggle{margin-bottom:1.75rem}.login-tab{padding:.65rem 1rem;font-size:.78rem}.login-form{gap:1.1rem}.login-input-group label{font-size:.62rem}.login-input-group input,.login-password-wrapper input{padding:.75rem 0;font-size:.82rem}.login-submit-btn{padding:.75rem 0;font-size:.78rem}.login-otp-box{width:42px;height:48px;font-size:1.1rem}.login-otp-inputs{gap:.5rem}.login-social-btn{padding:.65rem .75rem}.login-social-btn span{font-size:.78rem}.login-switch-text,.login-switch-btn{font-size:.75rem}}@media (max-width:480px){.login-form-container{padding:4.5rem 1.25rem 2.5rem}.login-back-arrow{width:34px;height:34px;top:1rem;left:1rem}.login-tab{padding:.6rem .75rem;font-size:.72rem}.login-otp-box{border-radius:8px;width:38px;height:44px;font-size:1rem}.login-otp-inputs{gap:.4rem}.login-otp-label{font-size:.75rem}.login-social-btn svg{width:18px;height:18px}.login-social-btn span{font-size:.72rem}.login-checkbox-text,.login-checkbox-text a{font-size:.7rem}.login-checkbox-custom{width:16px;height:16px}}