.login-shell{background:radial-gradient(circle at 10% 10%,#d8f2ef 0,#0000 34%);place-items:center;min-height:calc(100dvh - 76px);padding-block:48px;display:grid}.login-form{gap:18px;width:min(100%,500px);margin:0;padding:38px;box-shadow:0 24px 70px #0e43481a}.login-form h1{margin:0;font-size:30px;line-height:1.45}.login-hint{color:#587276;margin:0;font-size:14px;line-height:1.9}.login-hint b{color:#173f45}.mobile-field{color:#34565a;border:0;gap:8px;min-width:0;margin:0;padding:0;font-size:13px;font-weight:700;display:grid}.mobile-field legend{margin-bottom:8px}.mobile-field small{color:#668085;font-size:11px;font-weight:550;line-height:1.7}.mobile-number-control{background:#fbfefd;border:1.5px solid #b9d1ce;border-radius:12px;align-items:center;min-height:52px;transition:border-color .18s,box-shadow .18s,background-color .18s;display:flex;overflow:hidden}.mobile-number-control:focus-within{background:#fff;border-color:#087d7e;box-shadow:0 0 0 3px #087d7e21}.mobile-number-control>span{color:#315d62;font-variant-numeric:tabular-nums;background:#e8f2f0;border-right:1px solid #cbdedb;flex:0 0 64px;align-self:stretch;place-items:center;font-size:18px;font-weight:850;display:grid}.login-form .mobile-number-control input{color:#123b42;text-align:left;width:100%;min-width:0;min-height:50px;font:inherit;letter-spacing:.12em;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:0;padding:10px 14px;font-size:18px;font-weight:750}.login-form .mobile-number-control input::placeholder{color:#93a9a7;letter-spacing:.08em;font-weight:500}.login-form .mobile-number-control input:disabled{opacity:.65}.otp-inputs{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:4px;display:grid}.login-form .otp-inputs input{text-align:center;color:#123b42;font-variant-numeric:tabular-nums;caret-color:#087d7e;background:#fbfefd;border:1.5px solid #b9d1ce;border-radius:13px;min-width:0;height:62px;min-height:62px;padding:0;font-size:27px;font-weight:850;transition:border-color .18s,box-shadow .18s,background-color .18s}.login-form .otp-inputs input:focus{background:#fff;border-color:#087d7e;outline:0;box-shadow:0 0 0 4px #087d7e21}.login-form .otp-inputs input:disabled{opacity:.65}.change-mobile{color:#08716f;min-height:44px;font:inherit;text-underline-offset:4px;background:0 0;border:0;justify-self:start;padding:0 4px;font-size:13px;font-weight:750;text-decoration:underline}.change-mobile:focus-visible{outline-offset:3px;border-radius:4px;outline:3px solid #f0b64c}.verify-status{color:#08716f;margin:0;font-size:13px;font-weight:700}.login-form>.error{color:#a52c39;background:#fff0f1;border-radius:10px;margin:0;padding:11px 13px;line-height:1.7}.login-form>button[type=submit]{min-height:50px}.login-form button:disabled{cursor:not-allowed;opacity:.55}@media (max-width:520px){.login-shell{min-height:calc(100dvh - 68px);padding-block:24px}.login-form{border-radius:20px;padding:26px 20px}.login-form h1{font-size:26px}.otp-inputs{gap:6px}.login-form .otp-inputs input{border-radius:10px;height:54px;min-height:54px;font-size:23px}.mobile-number-control>span{flex-basis:58px}.login-form .mobile-number-control input{letter-spacing:.08em;font-size:16px}}@media (max-width:370px){.login-form{padding-inline:14px}.otp-inputs{gap:4px}.login-form .otp-inputs input{height:48px;min-height:48px;font-size:21px}}@media (prefers-reduced-motion:reduce){.login-form :is(.otp-inputs,.mobile-number-control) input,.mobile-number-control{transition:none}}