.login-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;background:url(/trangnguyen/images/login-box-1.png) -42px 0/445px 100% no-repeat;border:1px solid #c9150a;border-radius:29px;max-width:720px;height:100%;margin:0 auto;padding:0 0 0 267px;overflow:auto;box-shadow:1px 1px 7px #0000,1px -1px 6px #0000006b}.login-box.login-box-1{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;background:url(/trangnguyen/images/login-box.png) -46px -282px/238% no-repeat;border:0 solid #c9150a;border-radius:29px;padding:30px 30px 30px 210px;box-shadow:1px 1px 7px #0000,1px -1px 6px #0000006b}.login-box.login-box-1 .login-form{background:0 0}.login-box .login-form{box-sizing:border-box;background:#fff;border-radius:29px;width:100%;height:100%}.login-box .login-footer{background:#f7f6ef}.login-box .login-social{color:var(--textColor,#000);border-radius:5px;justify-content:center;align-items:center;gap:10px;padding:10px;font-weight:500;transition:background-color .3s,color .3s;display:flex}.login-page .logo-form{display:none}.logo-form{border:1px solid #8d8d8d63;border-radius:10px;height:88px;padding:10px;display:block}.logo-form img{height:100%}#loginButton{background-color:var(--btn-bg);color:var(--btn-color);border:none;border-radius:15px;min-height:56px}#loginButton:hover{background-color:var(--btn-hover-bg);color:var(--btn-hover-color);border:none}.forgot-pwd{color:var(--link-color)}.copyright{color:#fff;-webkit-user-select:none;user-select:none;z-index:1;text-align:center;margin-top:20px;font-size:15px;bottom:20px;left:0;right:0}@media (max-width:768px){.copyright{font-size:12px}.login-label .login-logo{max-width:100%}.login-box{max-width:100%;box-shadow:none;background:0 0;border:none;margin:0 auto;padding:0}.login-box .login-form{background:0 0}.login-box .login-form input{background:#fffaf2e7;border:1px solid #ffb1b1;border-radius:15px;padding-top:20px;padding-bottom:20px}.login-box .login-form input:-webkit-autofill{-webkit-text-fill-color:#3b2f2f;caret-color:#3b2f2f;border:1px solid #ffb1b1;-webkit-box-shadow:inset 0 0 0 1000px #fffaf2}.login-box .login-form input:-webkit-autofill:hover{-webkit-text-fill-color:#3b2f2f;caret-color:#3b2f2f;border:1px solid #ffb1b1;-webkit-box-shadow:inset 0 0 0 1000px #fffaf2}.login-box .login-form input:-webkit-autofill:focus{-webkit-text-fill-color:#3b2f2f;caret-color:#3b2f2f;border:1px solid #ffb1b1;-webkit-box-shadow:inset 0 0 0 1000px #fffaf2}.login-box .login-form .line-text span{z-index:2;background:#fdf1e2;padding:2px 15px;position:relative}.login-box .login-footer{background:#fff6f666}.login-box .login-social{color:var(--textColor,#000);border-radius:5px;justify-content:center;align-items:center;gap:10px;padding:10px;font-weight:500;transition:background-color .3s,color .3s;display:flex}.login-body{padding:0 20px 20px}}.tfa-step{text-align:center;flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.tfa-step h2{margin:0;font-size:22px;font-weight:800}.tfa-step p{color:#6b7280;margin:0;font-size:14px}.tfa-ico{color:#c1272d;background:#fde8e8;border-radius:50%;place-items:center;width:60px;height:60px;display:grid}.tfa-input{text-align:center;letter-spacing:.35em;border:1.5px solid #f1d5d5;border-radius:12px;outline:none;width:100%;max-width:240px;height:52px;font-size:26px;font-weight:800}.tfa-input:focus{border-color:#c1272d;box-shadow:0 0 0 4px #c1272d1f}.tfa-err,.pw-err{color:#b91c1c;margin:6px 0 0;font-size:13px}.tfa-links{justify-content:space-between;width:100%;display:flex}.tfa-links button{color:#c1272d;font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:13px;font-weight:700}.pw-reset{text-align:center;gap:6px}.pw-reset .pw-sub{color:#6b7280;max-width:360px;font-size:14px}.pw-note{color:#6b7280;font-size:13px}.pw-link{color:#c1272d;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.pw-back{color:#c1272d;margin-top:14px;font-size:14px;font-weight:700}.pw-btnlink{place-items:center;display:grid}.reg-show{color:#6b7280;cursor:pointer;text-align:left;align-items:center;gap:6px;font-size:13px;display:flex}.login-social.is-off{opacity:.55}.register-form button[type=submit],.pw-reset button[type=submit],.pw-reset .pw-btnlink,.tfa-step button[type=submit]{border:none;border-radius:15px;min-height:48px;background:var(--btn-bg,#e04848)!important;color:var(--btn-color,#fff)!important}.register-form button[type=submit]:hover:not(:disabled),.pw-reset button[type=submit]:hover:not(:disabled),.pw-reset .pw-btnlink:hover:not(:disabled),.tfa-step button[type=submit]:hover:not(:disabled){background:var(--btn-hover-bg,#c1272d)!important}.register-form button[type=submit]:disabled,.pw-reset button[type=submit]:disabled,.pw-reset .pw-btnlink:disabled,.tfa-step button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.register-form .login-social{color:var(--textColor,#000);border-radius:10px;flex-direction:row;justify-content:center;align-items:center;gap:8px;padding:10px;font-weight:500;display:flex}.register-form .login-social img{width:20px;height:20px}.login-hint{box-sizing:border-box;text-align:left;background:linear-gradient(135deg,#fff4ef 0%,#fffaf6 100%);border:1px solid #f5c6b8;border-left:4px solid #d6403a;border-radius:14px;align-items:center;gap:12px;width:100%;margin:22px 0 2px;padding:12px 16px 12px 14px;animation:.35s ease-out loginHintIn;display:flex;box-shadow:0 6px 18px #d6403a1a}.login-hint-ico{color:#fff;background:#d6403a;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 4px 10px #d6403a4d}.login-hint-ico svg{width:20px;height:20px}.login-hint-text{flex-direction:column;gap:2px;min-width:0;display:flex}.login-hint-text b{color:#7a1f1a;font-size:15px;font-weight:800;line-height:1.3}.login-hint-text small{color:#8a5a4e;font-size:13px;line-height:1.45}@keyframes loginHintIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}