@font-face{font-family:beVietnamPro;src:url(../media/BeVietnamPro_Regular-s.p.0xyz470_fo82c.ttf)format("truetype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:beVietnamPro;src:url(../media/BeVietnamPro_Medium-s.p.0gcwqf2jytava.ttf)format("truetype");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:beVietnamPro;src:url(../media/BeVietnamPro_SemiBold-s.p.3qc03w0ssshxf.ttf)format("truetype");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:beVietnamPro;src:url(../media/BeVietnamPro_Bold-s.p.0-kwkrnt_e_q6.ttf)format("truetype");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:beVietnamPro Fallback;src:local(Arial);ascent-override:90.08%;descent-override:23.87%;line-gap-override:0.0%;size-adjust:111.01%}.bevietnampro_2e05257e-module__Myb2sG__className{font-family:beVietnamPro,beVietnamPro Fallback}.bevietnampro_2e05257e-module__Myb2sG__variable{--font-be-vietnam-pro:"beVietnamPro", "beVietnamPro Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#20242c;background:#f6f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{place-items:center;min-height:100svh;margin:0;padding:24px;display:grid}main{background:#fff;border:1px solid #dde1e7;border-radius:8px;width:min(100%,420px);padding:28px;box-shadow:0 18px 48px #20242c14}body:has(.sign-in-page){background:#fff;align-items:center;padding:56px 0 32px}main:has(.sign-in-page){width:min(100%,390px);box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.sign-in-page{width:100%;font-family:var(--font-be-vietnam-pro), ui-sans-serif, system-ui, sans-serif;flex-direction:column;align-items:center;display:flex;position:relative}.language-switcher{z-index:10;background:#f1f5f9;border-radius:20px;align-items:center;gap:6px;padding:4px 8px;font-size:11px;font-weight:600;display:flex;position:absolute;top:-36px;right:16px}.lang-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:11px;font-weight:600;line-height:1}.lang-btn.active{color:#006d77;font-weight:700}.lang-divider{color:#cbd5e1;font-size:10px}.sign-in-illustration{width:280px;max-width:78vw;height:auto;margin:0 0 12px}.sign-in-content{width:100%;padding-inline:48px}.sign-in-heading{gap:4px;margin-bottom:20px;display:grid}.sign-in-heading h1{color:#006d77;letter-spacing:0;margin:0;font-size:15px;font-weight:500;line-height:23px}.sign-in-heading p{color:#5c6b73;margin:0;font-size:13px;line-height:20px}h1{margin:0 0 8px;font-size:24px;font-weight:720;line-height:1.2}p{color:#626b7a;margin:0 0 20px;line-height:1.5}button,.button{width:100%;font:inherit;cursor:pointer;color:#fff;text-align:center;background:#2669ff;border:0;border-radius:6px;padding:11px 14px;font-weight:720;text-decoration:none}.provider-button{justify-content:center;align-items:center;gap:12px;display:inline-flex}.provider-icon{flex:0 0 20px;width:20px;height:20px}.phone-form{gap:8px;display:grid}.phone-form label{color:#5c6b73;font-size:12px;font-weight:500;line-height:18px}.phone-form input{color:#20242c;width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #d5dcde;border-radius:4px;outline:none;padding:10px 12px;font-size:15px;transition:border-color .16s,box-shadow .16s}.phone-form input::placeholder{color:#879499}.phone-form input:focus{border-color:#006d77;box-shadow:0 0 0 3px #006d7724}.phone-form input:disabled{color:#5c6b73;background:#f3f5f5}.sign-in-page .phone-submit{background:#006d77;border-radius:4px;min-height:44px;margin-top:4px;font-size:15px;font-weight:600;transition:background .16s,box-shadow .16s,transform .16s}.sign-in-page .phone-submit:hover:not(:disabled){background:#005d66;transform:translateY(-1px);box-shadow:0 4px 12px #006d7738}.sign-in-page .phone-submit:focus-visible{outline-offset:2px;outline:3px solid #006d7733}.sign-in-page .phone-change{color:#006d77;background:0 0;min-height:auto;padding:4px;font-size:12px;font-weight:500}.sign-in-divider{color:#879499;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:18px 0;font-size:12px;display:grid}.sign-in-divider:before,.sign-in-divider:after{content:"";background:#e0e5e6;height:1px}.sign-in-loading{color:#5c6b73;place-items:center;min-height:84px;font-size:13px;display:grid}button.secondary{color:#20242c;background:#eef2f7}.sign-in-page button.secondary{color:#5c6b73;background:#fff;border:1px solid #e0e0e0;border-radius:4px;min-height:44px;font-size:16px;font-weight:500;transition:border-color .16s,box-shadow .16s,color .16s,transform .16s;box-shadow:0 2px 4px #0e1d2a1a}.sign-in-page button.secondary:hover:not(:disabled){color:#006d77;border-color:#bec8ca;transform:translateY(-1px);box-shadow:0 4px 12px #0e1d2a1f}.sign-in-page button.secondary:focus-visible{outline-offset:2px;border-color:#006d77;outline:3px solid #006d7733}.sign-in-page button.secondary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #0e1d2a1a}button:disabled{cursor:wait;opacity:.7}.provider-list,.actions{gap:10px;display:grid}.actions{grid-template-columns:1fr 1fr;margin-top:10px}.notice{color:#b3261e;min-height:20px;margin-top:14px;font-size:13px;line-height:1.4}.sign-in-notice{color:#ba1a1a;margin-top:12px;font-size:12px;line-height:18px}.meta{color:#3c4655;overflow-wrap:anywhere;background:#f9fafb;border:1px solid #dde1e7;border-radius:6px;padding:12px;font-size:13px}@media (max-width:359px){.sign-in-content{padding-inline:32px}}@media (max-height:700px){body:has(.sign-in-page){padding-top:24px}.sign-in-illustration{margin-top:16px}}@media (prefers-reduced-motion:reduce){.sign-in-page button.secondary,.phone-form input,.sign-in-page .phone-submit{transition:none}}.signin-flow,.phone-login-form,.social-stack{gap:16px;display:grid}.sign-in-page .input-group{background:#f6f7f9;border:1px solid #e0e5e6;border-radius:6px;align-items:center;min-width:0;display:flex}.sign-in-page .phone-prefix{color:#879499;padding-left:12px;font-size:14px}.sign-in-page .phone-text-input{color:#20242c;width:100%;min-width:0;font:inherit;background:0 0;border:0;padding:12px;font-size:14px}.sign-in-page .input-group:focus-within{outline-offset:2px;outline:2px solid #006d77}.sign-in-page .phone-text-input:focus{outline:none}.sign-in-page .btn-primary{background:#006d77;min-height:44px;font-size:14px}.sign-in-page .social-btn{color:#5c6b73;background:#fff;border:1px solid #e0e0e0;border-radius:4px;justify-content:center;align-items:center;gap:12px;min-height:44px;font-size:14px;font-weight:500;display:flex;box-shadow:0 2px 4px #0e1d2a1a}.sign-in-page .social-btn svg{flex-shrink:0;width:20px;height:20px}.sign-in-page button:focus-visible{outline-offset:3px;outline:2px solid #006d77}.sign-in-page .divider-row{color:#879499;align-items:center;gap:12px;font-size:12px;display:flex}.sign-in-page .divider-line{background:#e0e5e6;flex:1;height:1px}.sign-in-page .alert-error{color:#b3261e;overflow-wrap:anywhere;align-items:start;gap:8px;font-size:12px;display:flex}.sign-in-page .alert-icon{flex-shrink:0;width:20px;height:20px}.sign-in-page .otp-actions-row{justify-content:space-between;gap:8px;display:flex}.sign-in-page .btn-link{color:#006d77;background:0 0;width:auto;padding:4px;font-size:12px}.sign-in-page .otp-sent-hint{margin:0;font-size:13px}.sign-in-page .btn-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;margin-right:8px;display:inline-block}
