.auth-page{background:#f6f8fc;justify-content:center;align-items:center;min-height:100dvh;padding:36px;display:flex}.auth-layout{background:#fff;border:1px solid #e7ebf2;border-radius:22px;grid-template-columns:1.05fr 1fr;width:min(1080px,100%);min-height:660px;display:grid;overflow:hidden}.auth-story{background:#edf3ff;flex-direction:column;padding:42px 44px;display:flex}.auth-brand{color:#17243e;align-items:center;gap:12px;width:fit-content;display:flex}.auth-brand b{letter-spacing:1.2px;font-size:22px;font-weight:800;line-height:1.15;display:block}.auth-brand b>span{color:#2463eb}.auth-brand small{letter-spacing:4.8px;color:#7486a4;font-size:9px}.auth-story-copy{margin:auto 0;padding:54px 0}.auth-eyebrow{color:#5b78a8;letter-spacing:1.4px;font-size:10px;font-weight:650}.auth-story h1{letter-spacing:-1.1px;margin:20px 0;font-size:36px;line-height:1.27}.auth-story h1 span{color:#2463eb}.auth-story-copy>p{color:#687e9d;max-width:360px;font-size:13px;line-height:1.85}.auth-story ul{gap:15px;margin:30px 0 0;padding:0;list-style:none;display:grid}.auth-story li{color:#47658f;align-items:center;gap:10px;font-size:12px;display:flex}.auth-story li svg{color:#2463eb}.auth-story-footer{color:#7489aa;align-items:center;gap:9px;font-size:10px;line-height:1.6;display:flex}.auth-panel{flex-direction:column;padding:42px;display:flex}.auth-form-wrap{margin:auto 0}.auth-panel-icon{color:#2463eb;background:#edf3ff;border-radius:13px;place-items:center;width:49px;height:49px;margin-bottom:22px;display:grid}.auth-panel h2{letter-spacing:-.7px;font-size:27px;font-weight:700}.auth-form-wrap>p{color:#748097;margin-top:8px;font-size:12px;line-height:1.8}.auth-form{gap:20px;margin-top:29px;display:grid}.auth-form label{color:#3a4c68;gap:9px;font-size:12px;font-weight:600;display:grid}.auth-form input{border-radius:9px;width:100%;height:47px;padding:11px 13px;font-size:13px;display:block}.auth-password-field{position:relative}.auth-password-field input{padding-right:48px}.auth-password-field button{color:#91a0b5;border-radius:6px;place-items:center;width:35px;height:35px;display:grid;position:absolute;top:6px;right:6px}.auth-password-field button:hover{color:#2463eb;background:#f3f6fc}.auth-submit{border-radius:9px;justify-content:center;width:100%;height:47px;margin-top:2px;font-size:13px}.auth-submit svg{margin-left:auto}.auth-submit:not(:disabled){padding-left:39px}.auth-error{color:#b43d39;background:#fff2f0;border:1px solid #ffdfdb;border-radius:8px;padding:11px 13px;font-size:12px;line-height:1.75}.auth-help{border-top:1px solid #edf0f5;margin-top:27px;padding-top:21px}.auth-help strong{color:#566982;font-size:11px;font-weight:600}.auth-help p{color:#8b97ac;margin-top:6px;font-size:11px;line-height:1.8}.auth-back{color:#748097;margin-top:17px;font-size:11px;display:inline-flex}.auth-back:hover{color:#2463eb}.auth-copyright{color:#a1acbd;text-align:center;margin-top:34px;font-size:9px}.auth-spinner{border:2px solid #ffffff65;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.8s linear infinite spin}.access-actions>form{display:flex}.access-actions>form>.btn{height:100%}@media (max-width:800px){.auth-page{padding:22px}.auth-layout{grid-template-columns:1fr;max-width:520px;min-height:0}.auth-story{padding:27px 32px}.auth-story-copy{padding:28px 0 0}.auth-story h1{margin:12px 0 0;font-size:29px}.auth-story-copy>p,.auth-story ul,.auth-story-footer,.auth-eyebrow{display:none}.auth-panel{padding:32px}.auth-panel-icon{display:none}.auth-copyright{margin-top:26px}}@media (max-width:480px){.auth-page{padding:14px}.auth-layout{border-radius:16px}.auth-story{padding:25px}.auth-story h1{font-size:27px}.auth-panel{padding:29px 25px}.auth-panel h2{font-size:25px}.auth-form{gap:18px;margin-top:25px}.auth-submit{height:49px}.access-actions>form,.access-actions>form>.btn{width:100%}}@media (prefers-reduced-motion:reduce){.auth-spinner{animation:none}}.auth-page[data-brand=tuyen-quang] .auth-brand b{letter-spacing:0;white-space:nowrap;font-size:22px}.auth-page[data-brand=tuyen-quang] .auth-brand small{letter-spacing:1px;white-space:nowrap;margin-top:5px;font-size:8px;display:block}@media (max-width:480px){.auth-page[data-brand=tuyen-quang] .auth-brand{gap:10px}.auth-page[data-brand=tuyen-quang] .auth-brand b{font-size:20px}.auth-page[data-brand=tuyen-quang] .auth-brand small{letter-spacing:.5px}}.auth-page[data-brand=tuyen-quang] .auth-story{background-image:linear-gradient(#edf3fff5 0%,#edf3fff0 35%,#edf3ffb8 70%,#edf3ff30 100%),url(/images/tuyenquang/hero.webp);background-position:72%;background-size:cover}@media (max-width:800px){.auth-page[data-brand=tuyen-quang] .auth-story{background-image:linear-gradient(90deg,#edf3fff7 0%,#edf3ffe6 70%,#edf3ff80 100%),url(/images/tuyenquang/hero.webp);background-position:72% 42%}}.auth-page[data-brand=tuyen-quang] .auth-story-footer{color:#3f5874;background:#f6faffdf;border-radius:8px;width:fit-content;padding:9px 11px}