@font-face{font-family:Vui;src:url('/assets/portal-v2/fonts/be-vietnam-pro-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Vui;src:url('/assets/portal-v2/fonts/be-vietnam-pro-vietnamese-400-normal.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:Vui;src:url('/assets/portal-v2/fonts/be-vietnam-pro-latin-700-normal.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Vui;src:url('/assets/portal-v2/fonts/be-vietnam-pro-vietnamese-700-normal.woff2') format('woff2');font-weight:700;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
body.vuihoc-login{margin:0;background:#fffaf3;color:#19243c;font-family:Vui,Arial,sans-serif} .vh-page *{box-sizing:border-box}
.vh-page{display:grid;grid-template-columns:56% 44%;min-height:100svh}.vh-art{position:relative;min-height:760px;overflow:hidden;background:#f7e4d1}.vh-art img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center center}
.vh-panel{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:100svh;padding:130px clamp(32px,4.5vw,70px) 110px;background:#fffcf7}
.vh-quote{position:absolute;top:50px;right:42px;width:165px;font-size:13px;line-height:1.8;color:#81877d;font-style:italic;text-align:right}.vh-form-area{width:100%;max-width:540px;margin:auto}
.vh-form-area h1{font-size:clamp(25px,2.55vw,40px);font-weight:700;line-height:1.35;letter-spacing:-1.5px;margin:0 0 12px;white-space:nowrap}.vh-intro{font-size:clamp(14px,1.3vw,20px);line-height:1.65;color:#7c8094;margin:0 0 42px}
.vh-field{position:relative;display:block;margin-bottom:20px}.vh-field input{width:100%;height:66px;border:1px solid #d5d7df;background:#fff;border-radius:8px;padding:0 22px;font:inherit;font-size:17px;color:#19243c;box-shadow:none}.vh-field input::placeholder{color:#83899b}.vh-field input:focus{outline:2px solid #299797;outline-offset:2px;border-color:#299797}.vh-password input{padding-right:74px}.vh-password button{position:absolute;right:12px;top:10px;min-width:48px;height:46px;font-size:13px;font-weight:700;color:#626781;border:0;background:transparent;cursor:pointer}
.vh-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:26px 0 32px;font-size:15px}.vh-options label{display:flex;align-items:center;gap:10px;cursor:pointer}.vh-options input{width:21px;height:21px;accent-color:#299797;border-radius:4px}.vh-options a{color:#248b8d;text-decoration:none}.vh-options a:hover{text-decoration:underline}
.vh-submit{border:0;width:100%;height:64px;background:#bc695e;color:#fff;border-radius:8px;font:inherit;font-size:19px;font-weight:700;cursor:pointer}.vh-submit:hover{background:#a9554b}.vh-page button:focus-visible,.vh-page a:focus-visible{outline:3px solid #299797;outline-offset:4px}
.vh-divider{display:flex;align-items:center;gap:22px;margin:32px 0;color:#808392;font-size:16px}.vh-divider:before,.vh-divider:after{content:'';height:1px;background:#d5d5d6;flex:1}.vh-google{display:flex;align-items:center;justify-content:center;gap:14px;height:62px;width:100%;border:1px solid #96969a;border-radius:8px;background:#fff;color:#19243c;font:inherit;font-size:17px;font-weight:700;cursor:not-allowed}.vh-google-note{text-align:center;color:#73798a;font-size:12px;margin:10px 0 0}
.vh-panel footer{position:absolute;bottom:35px;left:0;right:0;text-align:center;color:#80869a;font-size:13px;display:flex;justify-content:center;align-items:center;gap:20px}.vh-panel footer button{background:none;border:0;font:inherit;color:#248b8d;padding:8px;cursor:pointer}.vh-errors,.vh-status{padding:14px 16px;border-radius:8px;margin:0 0 22px;font-size:14px;line-height:1.6}.vh-errors{background:#fff0ed;color:#a13e34;border:1px solid #e6beb5}.vh-status{background:#eaf5ed;color:#315f41}.vh-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.vh-mobile-brand{display:none}
@media(max-width:1200px) and (min-width:901px){.vh-page{grid-template-columns:52% 48%}.vh-panel{padding-left:30px;padding-right:30px}.vh-form-area h1{font-size:28px;letter-spacing:-1px}.vh-options{font-size:13px}}
@media(max-width:900px){.vh-page{display:block}.vh-art{display:none}.vh-panel{min-height:100svh;padding:48px 24px 100px}.vh-quote{display:none}.vh-form-area{max-width:480px}.vh-mobile-brand{display:inline-block;font-size:29px;font-weight:700;color:#278e8c;text-decoration:none;margin-bottom:40px}.vh-form-area h1{font-size:clamp(24px,5.4vw,32px);letter-spacing:-1px;white-space:normal}.vh-intro{font-size:15px;margin-bottom:30px}.vh-field input{height:58px;font-size:16px}.vh-options{font-size:13px;gap:8px}.vh-submit{height:58px}.vh-google{height:56px;font-size:15px}.vh-divider{margin:26px 0}.vh-panel footer{bottom:20px;font-size:12px}}