*{box-sizing:border-box}body,html{margin:0;padding:0}.login-page{height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;padding:16px;background:#f4f6f5;display:flex;align-items:center;justify-content:center;font-family:Manrope,sans-serif}.login-frame,.login-page{width:100%;overflow:hidden}.login-frame{max-width:1180px;height:100%;max-height:100%;min-height:0;background:#fff;border-radius:16px;box-shadow:0 1px 3px rgba(15,25,35,.06),0 16px 44px rgba(15,25,35,.09)}.login-frame>.row,.marketing{height:100%}.marketing{width:100%;position:relative;overflow:hidden;background:linear-gradient(160deg,#ffffff,#f7fbfa 55%,#fff9ef);color:#16233d;padding:clamp(16px,3vh,28px) 44px;display:flex;flex-direction:column;justify-content:center;gap:clamp(8px,1.6vh,12px);border-right:1px solid #eef0f3}.blob1{width:280px;height:280px;background:#fbe7c6;opacity:.6;top:-120px;right:-120px}.blob1,.blob2{position:absolute;border-radius:50%}.blob2{width:200px;height:200px;background:#d6f2ee;opacity:.7;bottom:-80px;left:-80px}.dots{position:absolute;top:40px;left:40px;width:64px;height:64px;background-image:radial-gradient(#12a99c 1.5px,transparent 0);background-size:12px 12px;opacity:.35}.marketing-content{position:relative;z-index:1;width:100%;max-width:460px}.m-badge{display:inline-flex;align-items:center;gap:7px;width:fit-content;background:#e9f7f5;color:#0e9484;font-size:12px;font-weight:700;padding:7px 14px;border-radius:100px}.pulse{width:7px;height:7px;border-radius:50%;background:#12a99c}.marketing h1{margin-top:8px;margin-bottom:8px;font-size:clamp(24px,3vh,30px);line-height:1.15;font-weight:800;letter-spacing:-.5px;color:#16233d}.accent{color:#e38a0c}.tag{margin-bottom:10px;font-size:14px;font-weight:600;color:#16233d}.marketing-content p{margin-bottom:12px;font-size:13.5px;line-height:1.55;color:#5b6472}.m-stats{display:flex;gap:10px;margin-bottom:10px}.m-stat{flex:1 1;padding:9px 12px;background:#fff;border:1px solid #eaedf1;border-radius:14px;box-shadow:0 2px 8px rgba(20,35,45,.04)}.stat-number{font-size:20px;font-weight:800;color:#12a99c}.stat-label{margin-top:2px;font-size:11px;font-weight:500;color:#6b7482}.m-ctas{display:flex;gap:12px;margin-bottom:0}.btn-cta-fill{padding:10px 24px;border:none;border-radius:100px;background:#12a99c;color:#fff;box-shadow:0 8px 18px rgba(18,169,156,.28)}.btn-cta-fill,.btn-cta-ghost{font-size:14px;font-weight:700;cursor:pointer}.btn-cta-ghost{padding:10px 22px;border:1.5px solid #12a99c;border-radius:100px;color:#12a99c;gap:7px}.btn-cta-ghost,.m-call{background:#fff;display:flex;align-items:center}.m-call{position:relative;z-index:1;gap:12px;width:100%;max-width:460px;padding:10px 16px;border:1px solid #e6eaee;border-radius:14px;box-shadow:0 2px 8px rgba(20,35,45,.04)}.m-call-icon{width:32px;height:32px;flex-shrink:0;border-radius:50%;background:#12a99c;color:#fff;display:flex;align-items:center;justify-content:center}.call-label{font-size:12px;color:#8891a0}.call-number{font-size:15px;font-weight:800;color:#16233d}.formside{width:100%;height:100%;padding:clamp(12px,3vh,20px) 56px;display:flex;flex-direction:column;justify-content:center;overflow-y:auto}.login-logo{margin-bottom:10px!important}.formside-inner{width:100%;max-width:340px;margin:0 auto}.formside h2{margin-bottom:4px;font-size:22px;font-weight:800;color:#0b1f3a}.login-subtitle{margin-bottom:14px;font-size:13.5px;color:#6b7688}.create-account-btn{background-color:#12a99c!important;border-color:#12a99c!important}.create-account-btn:hover{background-color:#0f978a!important;border-color:#0f978a!important}.confirm-btn{background:#12a99c!important;border-color:#12a99c!important;color:#fff!important}.confirm-btn:hover{background:#0f978a!important;border-color:#0f978a!important}.resend-btn{color:#12a99c!important}.resend-btn:hover{color:#0f978a!important}.formside .form-label{display:block;margin-bottom:7px;font-size:13px;font-weight:600;color:#33405a}.formside .mb-3{margin-bottom:12px!important}.formside .mb-4{margin-bottom:14px!important}.formside .form-control{min-height:40px;border-radius:9px;border:1px solid #dce1e8;background:#fafbfc;font-size:14px;color:#0b1f3a}.formside .form-control:focus{border-color:#12b5a6;background:#fff;box-shadow:0 0 0 3px rgba(18,181,166,.12)}.formside .form-check-label{font-size:13px;color:#6b7688}.formside .text-decoration-underline{color:#12b5a6;font-weight:600}.formside form>.d-grid .btn{width:100%;padding:10px;border:none;border-radius:9px;background:#12a99c;color:#fff;font-size:14.5px;font-weight:700}.formside form>.d-grid .btn:hover{background:#0f978a}.formside .form-row-2{display:flex;gap:12px;margin-bottom:12px}.formside .form-row-2 .mb-3{flex:1 1;min-width:0;margin-bottom:0!important}.signup-page .login-logo{margin-bottom:6px!important}.signup-page .login-logo img{width:130px!important}.signup-page .formside h2{font-size:20px;margin-bottom:2px}.signup-page .login-subtitle{margin-bottom:10px}.signup-page .formside .form-label{margin-bottom:4px}.signup-page .formside .form-control{min-height:36px;padding-top:6px;padding-bottom:6px}.signup-page .formside .mb-3{margin-bottom:8px!important}.signup-page .formside .form-row-2{margin-bottom:8px}.signup-page .password-bar{margin-top:4px!important;margin-bottom:4px!important}.signup-page .formside .fs-xs{font-size:11px;line-height:1.3}.signup-page .formside .form-check-label{font-size:12px;line-height:1.35}.signup-page .formside form>.d-grid .btn{padding:8px}.login-divider{display:flex;align-items:center;gap:12px;margin:10px 0;color:#9aa5b8;font-size:12.5px}.divider-line{flex:1 1;height:1px;background:#e6e9ee}.btn-otp{width:100%;padding:9px;border-radius:9px;border:1px solid #dce1e8;background:#fff;color:#33405a;font-size:13.5px;font-weight:600}.bottom{text-align:center;margin-top:10px;font-size:13px;color:#6b7688}.bottom a{color:#12b5a6;font-weight:700;text-decoration:none}.copyright{text-align:center;margin-top:10px;font-size:11px;color:#aeb6c2}.copyright strong{color:#6b7688}.login-logo img{width:150px!important;height:auto!important}@media (max-width:780px){.login-page{min-height:100vh;padding:24px 16px;align-items:flex-start}.login-frame{height:auto;min-height:auto;max-width:500px}.login-frame>.row{height:auto}.marketing{display:none}.formside{height:auto;padding:44px 26px}.formside-inner{max-width:100%}}@media (max-width:480px){.login-page{padding:16px 12px}.login-frame{border-radius:12px}.formside{padding:32px 22px}.formside h2{font-size:22px}.m-stats{gap:8px}}