.th-login-page.login-wrap{box-sizing:border-box;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:32px 20px;background:#edf2f7;color:#182b46;font-family:var(--hybrid-font, Inter, system-ui, sans-serif)}.th-login-page .login-card{box-sizing:border-box;width:min(100%,420px);min-width:0;margin:0;padding:32px;border:1px solid #c7d3e1;border-radius:24px;background:#edf2f7;box-shadow:12px 12px 28px #cdd7e3,-12px -12px 28px #fff}.th-login-page .th-login-mark{display:grid;place-items:center;width:52px;height:52px;margin-bottom:20px;border:1px solid #b6cbe4;border-radius:16px;background:#e3edfa;color:#1d4e91;font-size:18px;font-weight:750;letter-spacing:.04em}.th-login-page h1{margin:0;color:#182b46;font-size:28px;line-height:1.25;letter-spacing:-.025em}.th-login-page .th-login-description{margin:8px 0 26px;color:#51647c;font-size:14px;line-height:1.5}.th-login-page .login-card label{display:flex;flex-direction:column;gap:8px;margin:18px 0;color:#283d58;font-size:14px;font-weight:600}.th-login-page input{box-sizing:border-box;width:100%;min-width:0;min-height:48px;padding:11px 14px;border:1px solid #71839b;border-radius:12px;background:#edf2f7;box-shadow:inset 3px 3px 7px #d1dbe7,inset -3px -3px 7px #fff;color:#182b46;font:inherit;font-size:16px;line-height:1.5;transition:border-color .12s ease,box-shadow .12s ease}.th-login-page input:hover{border-color:#536f93}.th-login-page :is(input,button):focus-visible{outline:3px solid #1e5ab8;outline-offset:3px}.th-login-page input:focus-visible{border-color:#1e5ab8;box-shadow:inset 1px 1px 4px #d1dbe7}.th-login-page button{min-height:48px;border:1px solid transparent;border-radius:12px;font:inherit;font-weight:650;cursor:pointer;transition:background-color .12s ease,box-shadow .12s ease}.th-login-page button[type=submit]{width:100%;margin-top:8px;padding:12px 16px;border-color:#1d4e91;background:#235aa6;color:#fff;box-shadow:3px 4px 8px #c3cfdf}.th-login-page button[type=submit]:hover:not(:disabled){background:#1d4e91}.th-login-page button[type=submit]:active:not(:disabled){background:#173f79;box-shadow:inset 2px 2px 5px #123260}.th-login-page button[type=submit]:disabled{border-color:#5c7394;background:#657d9e;color:#fff;cursor:wait;box-shadow:none}.th-login-page .mfa-login-step{margin-top:20px;padding-top:16px;border-top:1px solid #c7d3e1}.th-login-page .link-button{width:auto;max-width:100%;margin:0;padding:8px 10px;border-color:#71839b;background:#f5f8fc;color:#194b8a;font-size:13px;text-align:left;text-decoration:underline;text-underline-offset:3px}.th-login-page .link-button:hover{background:#e1eaf6}.th-login-page .link-button:active{background:#d5e2f2}.th-login-page .th-login-error{margin:18px 0;padding:12px;border:1px solid #b66c72;border-radius:10px;background:#fff3f3;color:#922f39;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.th-login-page .login-card .th-login-remember{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:10px;font-size:13px;font-weight:500;line-height:1.5;cursor:pointer}.th-login-page .th-login-remember input{width:18px;height:18px;min-height:18px;margin:2px 0 0;padding:0;accent-color:#235aa6;box-shadow:none;cursor:pointer}@media(max-width:480px){.th-login-page.login-wrap{padding:24px 20px}.th-login-page .login-card{padding:28px 24px;border-radius:20px}}@media(prefers-reduced-motion:reduce){.th-login-page :is(input,button){transition:none}}html{font-family:system-ui,Segoe UI,sans-serif}body{margin:0}*,*:before,*:after{box-sizing:border-box}.route-loading{margin:0;padding:2rem;color:#354965}