:root{--nen:#f4f5f7;--be-mat:#fff;--vien:#e1e4ea;--vien-o:#8a919e;--chu:#16181d;--chu-phu:#4a5160;--nhan:#1e5bb8;--nhan-dam:#16478f;--nhan-mo:#5b7fc2;--loi-nen:#fdf1f0;--loi-vien:#f1b8b2;--loi-chu:#8f1d14;--loi-dau:#b42318;--dat-nen:#eef8f2;--dat-vien:#b7e1c8;--dat-chu:#14532d;--dat-dau:#15803d;--bo-goc:8px;color:var(--chu);background:var(--nen);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--nen);margin:0}a{color:var(--nhan)}a:hover{color:var(--nhan-dam)}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--nhan);outline-offset:2px}@keyframes quay{to{transform:rotate(360deg)}}.khung{flex-direction:column;min-height:100vh;display:flex}.dau-trang{align-items:center;gap:10px;padding:28px 40px;display:flex}.ten-nen-tang{letter-spacing:-.01em;font-size:18px;font-weight:700}.giua{flex:1;justify-content:center;align-items:center;display:flex}.chan-trang{text-align:center;color:var(--chu-phu);padding:20px;font-size:14px}.the{background:var(--be-mat);border:1px solid var(--vien);border-radius:12px;flex-direction:column;gap:20px;width:420px;padding:40px;display:flex}.the.rong{width:480px}.tieu-de{flex-direction:column;gap:6px;display:flex}.tieu-de h1{margin:0;font-size:26px;font-weight:700;line-height:1.25}.tieu-de p,.phu{color:var(--chu-phu);margin:0;font-size:15px;line-height:1.55}.o{flex-direction:column;gap:6px;display:flex}.o label,.nhan-o{font-size:15px;font-weight:600}.o-dong{justify-content:space-between;align-items:baseline;display:flex}.o input{width:100%;height:48px;font:inherit;color:var(--chu);background:var(--be-mat);border:1px solid var(--vien-o);border-radius:var(--bo-goc);padding:0 14px;font-size:16px}.o-mat-khau{display:flex;position:relative}.o-mat-khau input{padding-right:76px}.nut-hien{min-width:64px;height:40px;font:inherit;color:var(--nhan);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 12px;font-size:15px;font-weight:500;position:absolute;top:4px;right:4px}.lien-ket{font-size:15px;font-weight:500;text-decoration:none}.nut{height:48px;font:inherit;border-radius:var(--bo-goc);cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-size:16px;font-weight:600;text-decoration:none;display:flex}.nut-chinh{color:#fff;background:var(--nhan);border:0}.nut-chinh:hover{color:#fff;background:var(--nhan-dam)}.nut-chinh:disabled{background:var(--nhan-mo);cursor:not-allowed}.nut-vien{color:var(--nhan);background:var(--be-mat);border:1px solid var(--nhan)}.vong-quay{border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite quay}.thong-bao{border-radius:var(--bo-goc);gap:10px;padding:12px 14px;font-size:15px;line-height:1.5;display:flex}.thong-bao svg{flex:none;margin-top:1px}.thong-bao .noi-dung{flex-direction:column;gap:2px;display:flex}.thong-bao strong{font-weight:600}.thong-bao.loi{border:1px solid var(--loi-vien);background:var(--loi-nen);color:var(--loi-chu)}.thong-bao.dat{border:1px solid var(--dat-vien);background:var(--dat-nen);color:var(--dat-chu)}.danh-sach{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.danh-sach li{border:1px solid var(--vien);border-radius:var(--bo-goc);flex-direction:column;gap:2px;padding:14px 16px;font-size:15px;line-height:1.5;display:flex}.danh-sach li span{color:var(--chu-phu)}.quy-tac{flex-direction:column;gap:6px;margin:0;padding:0;font-size:15px;line-height:1.45;list-style:none;display:flex}.quy-tac li{color:var(--chu-phu);align-items:center;gap:8px;display:flex}.quy-tac li.dat{color:var(--dat-chu)}.quy-tac .dau{background:var(--vien);width:20px;height:20px;color:var(--chu-phu);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.quy-tac li.dat .dau{background:var(--dat-dau);color:#fff}.an-cho-may-doc{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.thanh-ho-tro{color:#5c4300;background:#fff4d6;border-bottom:1px solid #e8c768;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 40px;font-size:15px;display:flex}.thanh-ho-tro .nut{height:40px}@media (width<=599px){.dau-trang{padding:20px 16px}.the,.the.rong{width:100%;margin:0 16px;padding:28px 20px}.thanh-ho-tro{padding:10px 16px}}
