/* Giao diện đăng nhập đồng nhất với bniyes.com, chỉ áp dụng trang này. */
body.login-page{--ink:#27252a;--mut:#71686c;--line:#eae2e1;--red:#cf1533;--cream:#f6f3f2;--grad:#cf1533;min-height:100svh;display:flex;flex-direction:column;padding:0;background:#f6f3f2;color:#27252a;font:16px/1.55 Arial,Helvetica,sans-serif}
.login-page .login-header{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;background:#fff;padding:30px max(32px,calc((100% - 1056px)/2));flex:none}
.login-brand{display:block;line-height:0}.login-brand img{display:block;width:126px;height:auto;border-radius:0}.login-domain{font-size:13px;color:#756d70}
.login-page .wrap{width:100%;max-width:608px;padding:44px 24px 48px;flex:1}
.login-page .card-box{position:relative;margin:0;padding:36px 40px;background:#fff;border:1px solid #eae2e1;border-radius:24px;box-shadow:0 20px 70px #51222908;overflow:hidden}
.login-page .member-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:#cf1533}
.login-page .login-eyebrow{font-size:11px;font-weight:700;letter-spacing:.07em;color:#a92337;margin:0 0 14px}
.login-page h1{font-size:30px;font-weight:700;line-height:1.2;letter-spacing:-1px;margin:0 0 12px;color:#27252a}
.login-page .login-intro{font-size:15px;line-height:1.7;color:#71686c;margin:0}
.login-page #login{margin-top:24px}.login-page label{font-size:14px;font-weight:600;color:#343035;margin:18px 0 8px}
.login-page .login-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.login-page .login-fields>div{min-width:0}.login-page .login-fields label{margin-top:0}.login-page .login-fields input{width:100%;min-width:0}
.login-page .login-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.login-page .login-actions button.btn{width:100%;min-width:0;margin:0;padding:12px 8px;font-size:14px;min-height:54px}
.login-page input,.login-page select{min-height:50px;font-size:16px;border:1px solid #ddd5d6;border-radius:10px;padding:12px 14px;background:#fff;color:#27252a;box-shadow:none}
.login-page input::placeholder{color:#81777b}.login-page input:focus,.login-page select:focus{outline:2px solid #cf1533;outline-offset:2px}
.login-page .btn.big{min-height:54px;padding:14px 20px;font:700 15px/1.6 Arial,Helvetica,sans-serif;border:1px solid #cf1533;border-radius:10px;background:#cf1533;color:#fff;box-shadow:none;margin-top:24px}
.login-page .btn.big:hover{background:#ab102a;border-color:#ab102a}.login-page .btn:disabled{background:#e7e2e3;border-color:#e7e2e3;color:#81777b}
.login-page :is(a,button):focus-visible{outline:3px solid #27252a;outline-offset:4px}
.login-page .msg{font-size:14px}.login-page .msg:empty{margin:0}.login-page .guest-card{margin-top:20px;padding:28px 40px;overflow:visible}
.login-page h2{font-size:19px;font-weight:700;letter-spacing:-.3px;text-transform:none;color:#343035;margin:0 0 8px}
.login-page #st{margin-top:12px;font-size:13px;color:#71686c}
.login-page .tabs{display:flex;gap:8px;margin:20px 0 0;flex-wrap:wrap}.login-page .tabs button{flex:1;white-space:nowrap;font:600 13px/1.5 Arial,Helvetica,sans-serif;padding:11px 10px;border-radius:10px;border:1px solid #e3dada;background:#fff;color:#71686c;box-shadow:none;min-height:44px}
.login-page .tabs button:hover,.login-page .tabs button:active,.login-page .tabs button.on{background:#cf1533;color:#fff;border-color:#cf1533}
.login-page #f{margin-top:20px}.login-page input[type=checkbox]{min-height:0;width:18px;height:18px;vertical-align:middle;margin:0 7px 0 0;accent-color:#cf1533}
.login-page #consent{flex:none}.login-page #consent:focus-visible{outline:2px solid #cf1533}.login-page #f label:has(#consent){font-size:13px;line-height:1.7;font-weight:400}
.login-page .inst{width:100%;font:700 15px/1.6 Arial,Helvetica,sans-serif;min-height:54px;padding:14px 20px;margin-bottom:20px;border-radius:10px;background:#fff;color:#cf1533;border:1px solid #cf1533;box-shadow:none}.login-page .inst:hover,.login-page .inst:active{background:#cf1533;color:#fff;border-color:#cf1533}.login-page .inst-ios{font-size:14px;font-weight:600;padding:14px 16px;border:1px solid #cf1533;border-radius:12px;background:#fff;color:#a92337;margin-bottom:20px}
.login-page .login-footer{text-align:center;padding:0 24px 30px;color:#81777b;font-size:12px;line-height:1.7}
.login-page [hidden]{display:none!important}
@media(max-width:540px){.login-page .login-header{padding:24px}.login-domain{font-size:11px}.login-page .wrap{padding:24px 16px 36px}.login-page .card-box{padding:32px 24px;border-radius:18px}.login-page h1{font-size:27px}.login-page .guest-card{padding:24px}.login-page .tabs{gap:6px}.login-page .tabs button{padding:10px 8px;font-size:12px}.login-page .login-intro{font-size:14px}}
@media(max-width:350px){.login-page .card-box{padding-left:18px;padding-right:18px}.login-page .tabs button{flex:auto}.login-page h1{font-size:25px}}