.login-page.login-split-layout{padding:0;display:grid;grid-template-columns:1fr;min-height:100vh;background-color:var(--sand)}@media (min-width:1024px){.login-page.login-split-layout{grid-template-columns:1.2fr 1fr}}.login-image-side{display:none;position:relative;width:100%;height:100%;overflow:hidden}@media (min-width:1024px){.login-image-side{display:block}}.login-image-side img{width:100%;height:100%;object-fit:cover}.login-form-side{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:clamp(120px,10vw,150px) clamp(16px,5vw,40px) clamp(100px,10vw,120px)}.login-card{width:100%;max-width:440px;padding:clamp(28px,6vw,48px);border-radius:24px;border:1px solid #1a1a1a;box-shadow:0 4px 24px rgba(0,0,0,.04)}.login-header{text-align:center;margin-bottom:36px}.login-header h1{font-family:var(--font-display);font-size:clamp(30px,7vw,42px);font-weight:700;color:#1a1a1a;margin-bottom:10px;line-height:1.1}.login-header p{color:#666;font-size:15px;font-family:var(--font-ui)}.login-form{gap:20px}.login-field,.login-form{display:flex;flex-direction:column}.login-field{gap:7px}.login-label{font-size:13px;font-weight:600}.login-input,.login-label{color:#1a1a1a;font-family:var(--font-ui)}.login-input{width:100%;padding:14px 16px;background-color:#fff;border:1.5px solid #e2e2e2;border-radius:12px;font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.login-input::placeholder{color:#b0b0b0}.login-input:focus{border-color:#1a1a1a;box-shadow:0 0 0 3px rgba(26,26,26,.06)}.login-password-wrap{position:relative;display:flex;align-items:center}.login-password-wrap .login-input{padding-right:46px}.login-eye-btn{position:absolute;right:14px;background:none;border:none;padding:0;cursor:pointer;color:#888;display:flex;align-items:center;transition:color .2s ease}.login-eye-btn:hover{color:#1a1a1a}.login-forgot{display:flex;justify-content:flex-end;margin-top:2px}.login-forgot a{font-size:13px;color:#666;text-decoration:none;transition:color .2s ease}.login-forgot a:hover{color:#1a1a1a}.login-btn{width:100%;padding:18px 0;background-color:#1a1a1a;color:#fff;border:none;border-radius:50px;font-weight:600;font-size:15px;font-family:var(--font-ui);cursor:pointer;margin-top:8px;transition:background-color .25s ease,transform .15s ease;display:flex;align-items:center;justify-content:center;gap:8px}.login-btn:hover:not(:disabled){background-color:#333}.login-btn:active:not(:disabled){transform:scale(.98)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:login-spin .7s linear infinite}@keyframes login-spin{to{transform:rotate(1turn)}}.login-alert{padding:14px 16px;border-radius:12px;font-size:14px;font-family:var(--font-ui);font-weight:500}.login-alert--error{background-color:#fdf2f2;border:1px solid #f5c6c6;color:#c0392b}.login-alert--success{background-color:#f0faf5;border:1px solid #b2e0cc;color:#1e7d4a}.login-field-error{font-size:12px;color:#c0392b;font-family:var(--font-ui)}.login-footer-link{text-align:center;margin-top:28px;font-size:14px;color:#666;font-family:var(--font-ui)}.login-footer-link a{color:#1a1a1a;font-weight:600;text-decoration:underline;text-underline-offset:3px;transition:opacity .2s ease}.login-footer-link a:hover{opacity:.6}.login-otp-section{display:flex;flex-direction:column;gap:20px}.login-otp-info{background-color:#f5f4f1;border:1px solid #e2e2e2;border-radius:12px;padding:14px 16px;font-size:14px;color:#555;font-family:var(--font-ui);line-height:1.5}.login-otp-info strong,.login-otp-input{color:#1a1a1a;font-weight:600}.login-otp-input{width:100%;padding:16px;background-color:#fff;border:1.5px solid #e2e2e2;border-radius:12px;font-size:28px;font-family:var(--font-display);letter-spacing:14px;text-align:center;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.login-otp-input:focus{border-color:#1a1a1a;box-shadow:0 0 0 3px rgba(26,26,26,.06)}