@font-face{font-family:BbxSans;src:url('./be-vietnam-pro-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:BbxSans;src:url('./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}
.bbx-login{margin:0;background:#fffcf6;color:#20201e;font-family:BbxSans,Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}
.bbx-login *{box-sizing:border-box}
.bbx-page{position:relative;isolation:isolate;min-height:100svh;border-top:4px solid #bd3b2e;display:flex;flex-direction:column;overflow:clip}
.bbx-art{position:absolute;inset:0 0 0 auto;width:59%;z-index:-1;pointer-events:none}
.bbx-art img{width:100%;height:100%;object-fit:cover;object-position:center}
.bbx-header{padding:28px 0 0;margin:0 10.2%;position:relative}
.bbx-brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:#20201e;max-width:100%}
.bbx-brand>img{width:68px;height:68px;object-fit:contain}
.bbx-brand strong{display:block;font:800 25px/1.2 Arial,sans-serif;letter-spacing:-.6px}
.bbx-brand small{display:block;color:#ad3428;font-size:11px;line-height:2.1;letter-spacing:2.9px}
.bbx-main{position:relative;flex:1;background:transparent!important;padding:52px 0 20px!important;margin:0 10.2%;width:calc(100% - 20.4%)}
.bbx-main>.bbx-panel{margin:0;width:468px;max-width:43%}
.bbx-eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 15px;color:#b73629;font-size:15px;letter-spacing:1.1px;font-weight:600;line-height:1.5}
.bbx-eyebrow::after{content:"";height:1px;width:36px;background:#c9897f}
.bbx-panel h1{font-family:Georgia,'Times New Roman',serif;font-size:42px;line-height:1.15;letter-spacing:-1.6px;font-weight:700;margin:0;color:#20201e}
.bbx-intro{font-size:17px;line-height:1.6;color:#74736f;margin:14px 0 26px}
.bbx-form{display:grid;gap:16px}
.bbx-field label{display:block;font-size:14px;line-height:1.5;margin:0 0 8px}
.bbx-field input{display:block;width:100%;height:47px;border:1px solid #cdced0!important;border-radius:9px;background:rgba(255,255,255,.9);padding:0 17px;color:#20201e;font:14px BbxSans,Arial,sans-serif;box-shadow:none;outline:none;transition:border-color .15s,box-shadow .15s}
.bbx-field input::placeholder{color:#707070;opacity:1}
.bbx-field input:focus{border-color:#b73629!important;box-shadow:0 0 0 3px #bd3b2e1a}
.bbx-field input[aria-invalid=true]{border-color:#b42318!important}
.bbx-password{position:relative}
.bbx-password input{padding-right:54px}
.bbx-toggle{position:absolute;right:4px;top:2px;width:44px;height:43px;display:grid;place-items:center;border:0;background:transparent;border-radius:6px;cursor:pointer;opacity:.6}
.bbx-toggle img{width:24px;height:24px}
.bbx-toggle [hidden]{display:none!important}
.bbx-toggle:hover{opacity:1;background:#f8eee5}
.bbx-options{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;line-height:1.5}
.bbx-options label{display:flex;align-items:center;gap:8px;cursor:pointer;min-height:30px}
.bbx-options input{width:20px;height:20px;flex-shrink:0;border:1px solid #c8776c!important;border-radius:4px;accent-color:#bd3b2e;color:#bd3b2e}
.bbx-options a{color:#ad3024;text-decoration:none;padding:5px 0}
.bbx-options a:hover{text-decoration:underline}
.bbx-submit,.bbx-install{width:100%;min-height:53px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:12px;font-family:inherit;font-size:16px;font-weight:600;cursor:pointer;transition:background .15s}
.bbx-submit{border:1px solid #bd3b2e!important;background:#bd3b2e;color:white}
.bbx-submit:hover{background:#a72c22}
.bbx-submit:disabled{cursor:wait;opacity:.75}
.bbx-install{margin-top:24px;border:1px solid #efdcd1!important;background:#f9eee7;color:#ad3428}
.bbx-install img{width:25px;height:25px;filter:invert(24%) sepia(61%) saturate(1947%) hue-rotate(339deg) brightness(88%) contrast(87%)}
.bbx-install:hover{background:#f3e3d8}
.bbx-login a:focus-visible,.bbx-login button:focus-visible,.bbx-options input:focus-visible{outline:3px solid #a33328;outline-offset:4px}
.bbx-footer{position:relative;display:flex;justify-content:center;align-items:center;gap:9px;padding:10px 24px 23px;color:#796751;font-size:11px;line-height:1.5;text-align:center}
.bbx-footer::before,.bbx-footer::after{content:"";width:34px;height:1px;background:#c4b299}
.bbx-status,.bbx-errors{padding:12px 14px;margin:0 0 20px;border:1px solid #e3b8ac!important;border-radius:8px;background:#fff4ed;color:#9e2b23;font-size:14px;line-height:1.6}
.bbx-status{color:#386445;border-color:#b7c6b2!important;background:#f3f7ee}
.bbx-errors p{margin:0}.bbx-errors p+p{margin-top:6px}
@media(min-width:1600px){.bbx-main{padding-top:70px!important}.bbx-main>.bbx-panel{width:550px}.bbx-panel h1{font-size:48px}.bbx-form{gap:22px}.bbx-intro{margin-bottom:28px;font-size:19px}.bbx-field label,.bbx-options{font-size:15px}.bbx-field input{height:54px;font-size:16px}.bbx-submit,.bbx-install{min-height:62px;font-size:18px}.bbx-toggle{height:49px}.bbx-header{padding-top:30px}.bbx-brand>img{width:78px;height:78px}.bbx-brand strong{font-size:29px}.bbx-footer{font-size:12px;padding-bottom:26px}}
@media(min-width:900px) and (max-height:730px){.bbx-header{padding-top:20px}.bbx-main{padding-top:28px!important;padding-bottom:24px!important}.bbx-panel h1{font-size:40px}.bbx-intro{margin-bottom:20px}.bbx-form{gap:16px}.bbx-install{margin-top:18px}}
@media(max-width:1100px) and (min-width:900px){.bbx-header,.bbx-main{margin-left:6%;margin-right:6%}.bbx-main{width:88%}.bbx-main>.bbx-panel{max-width:49%}.bbx-art{width:53%}.bbx-panel h1{font-size:39px}.bbx-options{font-size:12px}}
@media(max-width:899px){.bbx-page{overflow:clip}.bbx-art{display:none}.bbx-header{margin:0 auto;padding:24px 24px 0;width:min(100%,528px)}.bbx-brand>img{width:60px;height:60px}.bbx-brand strong{font-size:24px}.bbx-brand small{font-size:10px;letter-spacing:2px}.bbx-main{margin:0 auto;width:min(100%,528px);padding:40px 24px 32px!important}.bbx-main>.bbx-panel{width:100%;max-width:none}.bbx-panel h1{font-size:clamp(30px,7.6vw,42px);letter-spacing:-1px}.bbx-eyebrow{font-size:13px;margin-bottom:13px}.bbx-intro{font-size:15px;margin:16px 0 26px}.bbx-field input{height:52px;font-size:16px}.bbx-field label{font-size:14px}.bbx-toggle{height:48px}.bbx-form{gap:20px}.bbx-options{font-size:12px}.bbx-submit,.bbx-install{min-height:54px;font-size:15px}.bbx-footer{font-size:10px;padding-bottom:max(22px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.bbx-login *{transition:none!important}}