@font-face{font-family:Vietnam;src:url('/fonts/be-vietnam-pro-400.woff2')}@font-face{font-family:Vietnam;src:url('/fonts/be-vietnam-pro-500.woff2');font-weight:500}@font-face{font-family:Vietnam;src:url('/fonts/be-vietnam-pro-700.woff2');font-weight:700}
*{box-sizing:border-box}body{margin:0;min-height:100svh;background:#061a46;color:#eff6ff;font:14px Vietnam,Arial,sans-serif;display:grid;place-items:center;padding:24px}main{width:min(440px,100%);padding:8px 0 30px}.logo{display:block;width:160px;margin:0 auto 12px}.logo img{display:block;width:100%;height:auto}.login-card{background:#fff;color:#0a204f;border:1px solid #d8e6f4;border-radius:20px;padding:32px;box-shadow:0 24px 70px #0003}.product-symbol{display:grid;place-items:center;width:42px;height:42px;border:1px solid #c3d8ed;background:#eaf3fb;border-radius:13px;margin-bottom:20px}.product-symbol svg{width:22px;height:22px;fill:none;stroke:#27476e;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}h1{font-size:28px;letter-spacing:-1px;line-height:1.2;margin:0 0 13px;font-weight:500}.description{font-size:13px;color:#53657b;line-height:1.8;margin:0 0 26px}label{display:block;font-size:12px;font-weight:500;margin:0 0 9px}.password-field{display:flex;border:1px solid #afc1d5;border-radius:10px;overflow:hidden;box-shadow:inset 0 2px 4px #061a5707}.password-field:focus-within{outline:3px solid #c1dcf2;border-color:#27476e}input{width:100%;min-width:0;border:0;outline:none;background:transparent;font:16px Vietnam;padding:14px 12px;color:inherit}button{font:inherit;cursor:pointer}.password-field button{padding:0 14px;border:0;background:#f3f7fb;font-size:12px;color:#27476e}#login-error{color:#a22b32;font-size:12px;line-height:1.6;margin:10px 0}#login-error:empty{display:none}.submit{width:100%;padding:14px;margin-top:18px;border-radius:10px;border:1px solid #e78582;background:#ffaaa3;color:#112448;font-weight:500;box-shadow:0 3px 0 #d9817c;transition:background .15s,transform .15s}.submit:hover{background:#ffbcb6;transform:translateY(-1px)}.submit:active{transform:translateY(2px)}.access-help{font-size:12px;text-align:center;color:#53657b;margin:24px 0 0;line-height:1.7}a{color:inherit;text-underline-offset:4px}.back{display:block;text-align:center;color:#bdd3ec;font-size:12px;margin-top:26px}a:focus-visible,button:focus-visible{outline:3px solid #729fcb;outline-offset:4px}@media(max-width:500px){body{padding:20px}.login-card{padding:26px 22px}.logo{width:135px}h1{font-size:25px}}@media(prefers-reduced-motion:reduce){.submit{transition:none}.submit:hover,.submit:active{transform:none}}