:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#24445d;background:#f5faff;font-size:15px}*{box-sizing:border-box}body{margin:0}a{color:#0875ad;text-underline-offset:3px}.main-container{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:32px 18px}.login-container{width:min(100%,460px);background:white;border:1px solid #d8eaf6;border-radius:22px;padding:32px;box-shadow:0 16px 48px #0878b80d}.logo-box{display:flex;justify-content:center;align-items:center;min-height:58px;color:#245878;font-weight:800;font-size:22px}.logo-box img{max-width:220px;max-height:78px;object-fit:contain}.title{text-align:center;font-size:25px;line-height:1.3;font-weight:750;margin:17px 0 8px}.subtitle{text-align:center;font-size:14px;line-height:1.7;color:#668297;margin-bottom:25px}.login-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;background:#eff7fc;border:1px solid #dfeef7;border-radius:12px;margin-bottom:24px}.tab{border:0;border-radius:8px;padding:12px 7px;background:transparent;color:#4d728b;font:inherit;font-size:13px;font-weight:650;cursor:pointer}.tab.active{color:#fff;background:#0878b8;box-shadow:0 4px 12px #0ea5e92b}.field-label{display:block;font-size:13px;font-weight:650;margin:16px 0 8px}.input-group{display:flex;border:1px solid #c8deee;border-radius:10px;overflow:hidden;background:white}.country-code{display:flex;align-items:center;justify-content:center;padding:0 14px;background:#f3f9fd;border-right:1px solid #d8e7f2;color:#476b85}input{width:100%;padding:14px 13px;border:1px solid #c8deee;border-radius:10px;font:inherit;color:#27485f;background:#fff;min-width:0}.phone-input{border:0;border-radius:0}.otp-input{letter-spacing:4px}.primary-btn,.success-btn{width:100%;border:1px solid #0873ad;background:linear-gradient(135deg,#0878b8,#0872ad);color:#fff;border-radius:10px;padding:14px;font:inherit;font-weight:700;margin-top:15px;cursor:pointer;box-shadow:0 5px 16px #0ea5e92b;transition:box-shadow .15s,transform .15s}.primary-btn:hover,.success-btn:hover{box-shadow:0 7px 20px #0ea5e93b;transform:translateY(-1px)}button:disabled{background:#e5eef5;color:#658299;border-color:#d3e1ec;box-shadow:none;cursor:wait;transform:none}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #73c6ee;outline-offset:3px}.input-group:focus-within{outline:3px solid #c9eafb}.input-group input:focus-visible{outline:0}.helper{font-size:12px;line-height:1.65;color:#6d869a;margin:9px 0}.message{font-size:13px;line-height:1.65;background:#eff8ff;border-radius:9px;color:#285b7c;padding:12px;margin-top:18px;overflow-wrap:anywhere}.message:empty{display:none}.message.error{background:#fff5ec;border:1px solid #f0d7c1;color:#8c4d20}.footer-text{margin-top:24px;border-top:1px solid #e5eff6;padding-top:18px;text-align:center;font-size:12px;line-height:1.9;color:#6c879a}.footer-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:10px}.password-wrap{position:relative}.password-wrap input{padding-right:65px}.password-toggle{position:absolute;right:8px;top:8px;border:0;background:#edf7fd;color:#24668b;border-radius:6px;padding:7px;cursor:pointer}.note{padding:12px 14px;background:#fff9e7;border:1px solid #f0e0ae;border-radius:10px;font-size:12px;line-height:1.7;margin-top:18px}@media(max-width:480px){.main-container{padding:16px 12px}.login-container{padding:25px 21px;border-radius:17px}.title{font-size:23px}}@media(prefers-reduced-motion:reduce){button{transition:none!important;transform:none!important}}