[hidden]{display:none!important}
:root{--green:#1f7a3a;--green-d:#15572a;--green-l:#e8f4ec;--gold:#f2b705;--ink:#1b2420;--muted:#5c6b63;--line:#dfe6e2;--bg:#f6f8f7;--card:#fff;--err:#b3261e;--warn:#9a5b00;--warn-bg:#fff6e6}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}
.wrap{max-width:680px;margin:0 auto;padding:0 16px}
.wide{max-width:980px}
header.top{background:#fff;border-bottom:1px solid var(--line)}
header.top .wrap{display:flex;align-items:center;gap:10px;height:58px}
.logo-img{height:36px;width:auto;display:block}
.tag{color:var(--muted);font-size:13.5px}
.hotline{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:14px}
.hotline span{color:var(--muted);font-size:13px}
.hotline a{color:var(--green-d);font-weight:700;text-decoration:none;white-space:nowrap}
.hotline a:hover{text-decoration:underline}
@media(max-width:640px){.tag,.hotline span{display:none}.hotline{flex-direction:column;align-items:flex-end;gap:0;font-size:13.5px;line-height:1.35}}
.intro{padding:26px 0 14px}
h1{font-size:27px;line-height:1.25;margin:0 0 8px;letter-spacing:-.2px}
.intro p{margin:0;color:var(--muted)}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;margin:0 0 16px}
.step{display:flex;align-items:center;gap:10px;margin:22px 0 10px}
.step:first-child{margin-top:0}
.step b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--green);color:#fff;font-size:13.5px}
.step h2{font-size:16.5px;margin:0}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.opt{text-align:left;font:inherit;color:inherit;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:11px 12px;cursor:pointer;min-height:64px}
.opt b{display:block;font-size:14.5px;line-height:1.3}
.opt span{font-size:12.5px;color:var(--muted)}
.opt.on{border-color:var(--green);background:var(--green-l)}
label{display:block;font-size:14px;font-weight:600}
input[type=number],input[type=password],input[type=text],input[type=tel],select{display:block;width:100%;margin-top:5px;font:inherit;font-size:16px;padding:10px 11px;border:1.5px solid var(--line);border-radius:10px;background:#fff;color:inherit;min-width:0}
input:focus-visible,select:focus-visible,.opt:focus-visible,.btn:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:1px}
.more{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}
.more summary{cursor:pointer;font-weight:600;color:var(--green-d);padding:4px 0}
.more>label{margin-top:10px}
.sub{font-size:14px;font-weight:600;margin:14px 0 6px}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.checks label{font-weight:500;display:flex;gap:8px;align-items:center;min-height:32px}
.checks input{width:18px;height:18px;accent-color:var(--green)}
.btn{display:block;width:100%;margin-top:18px;border:0;border-radius:11px;background:var(--green);color:#fff;font:inherit;font-weight:700;font-size:16px;padding:13px 14px;text-align:center;text-decoration:none;cursor:pointer}
.btn:hover{background:var(--green-d)}
.btn:disabled{opacity:.6;cursor:default}
.btn.ghost{background:#fff;color:var(--green-d);border:1.5px solid var(--green);margin-top:10px}
.err{color:var(--err);font-size:14px;margin:12px 0 0}
.kq{scroll-margin-top:12px}
.kq-l{margin:0;color:var(--muted);font-size:14.5px}
.kq-v{margin:4px 0;font-size:30px;font-weight:800;color:var(--green-d);line-height:1.2}
.kq-s{margin:0 0 12px;font-size:14px;color:var(--muted)}
table{width:100%;border-collapse:collapse}
.kq td{padding:8px 0;border-top:1px solid var(--line);font-size:15px}
.kq td:last-child{text-align:right;font-weight:600;white-space:nowrap}
.note{background:var(--warn-bg);color:var(--warn);border-radius:9px;padding:9px 11px;font-size:13.5px;margin:14px 0 0}
.ghi{margin:12px 0 0;padding-left:18px;color:var(--muted);font-size:13.5px}
.dk{margin:20px -4px 0;padding:24px 20px;border-radius:14px;background:var(--green-d);color:#fff}
.dk h2{margin:0 0 18px;font-size:27px;font-weight:800;line-height:1.28;letter-spacing:-.2px;text-align:center}
.dk h2 em{font-style:normal;color:var(--gold)}
.qua{list-style:none;margin:0 0 16px;padding:0;font-size:16.5px;font-weight:600;line-height:1.4}
.qua li{position:relative;padding:0 0 9px 28px}
.qua li::before{content:"✓";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:var(--gold);color:#1b2420;font-size:13px;font-weight:800;line-height:20px;text-align:center}
.bia{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 20px}
.bia img{width:100%;height:auto;display:block;border-radius:4px;box-shadow:0 6px 16px rgba(0,0,0,.35)}
.dk form{display:grid;gap:12px}
.dk label{color:#fff}
.dk input,.dk select{background:#fff;color:var(--ink);border-color:transparent}
.dk input:focus-visible,.dk select:focus-visible,.dk .btn:focus-visible{outline:2px solid var(--gold);outline-offset:1px}
.dk .btn{margin-top:6px;background:var(--gold);color:#1b2420;font-size:18px;font-weight:800;padding:15px 14px}
.dk .btn:hover{background:#ffc91f}
.dk .err{color:#ffd7d3}
.dk input.hp{position:absolute;left:-9999px;width:1px;height:1px;padding:0;border:0;margin:0;opacity:0}
.tai{display:block;margin-top:8px;padding:12px 14px;border-radius:10px;background:var(--gold);color:#1b2420;font-weight:700;text-decoration:none;text-align:center}
.tai:hover{background:#ffc91f}
#popup{width:min(440px,calc(100vw - 32px));border:0;border-radius:16px;padding:26px 20px 22px;color:var(--ink);box-shadow:0 18px 50px rgba(0,0,0,.35)}
#popup::backdrop{background:rgba(10,30,18,.65)}
#popup h2{margin:0 26px 8px 0;font-size:21px;line-height:1.3;color:var(--green-d)}
#popup p{margin:0 0 10px;font-size:15px;color:var(--muted)}
.pop-x{position:absolute;top:8px;right:8px;width:38px;height:38px;border:0;background:none;font-size:27px;line-height:1;color:var(--muted);cursor:pointer}
.hoac{text-align:center;color:var(--muted);font-size:14px;margin:16px 0 0}
.cta .btn{margin-top:10px}
.them{margin:26px 0 0}
.them h2{font-size:22px;line-height:1.3;margin:0 0 12px}
.lydo{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lydo div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 13px}
.lydo b{display:block;color:var(--green-d);font-size:15px;line-height:1.3;margin-bottom:3px}
.lydo p{margin:0;font-size:13.5px;color:var(--muted);line-height:1.45}
.ctr{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ctr figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.ctr img{display:block;width:100%;height:auto}
.ctr figcaption{padding:8px 10px 10px}
.ctr b{display:block;font-size:14px;line-height:1.3}
.ctr span{font-size:12.5px;color:var(--muted)}
@media(max-width:560px){.ctr{grid-template-columns:1fr 1fr}}
.foot{color:var(--muted);font-size:13px;padding-top:6px;padding-bottom:28px}
/* Trang nội bộ */
.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.ct{font-size:13.5px;min-width:760px}
.ct th,.ct td{padding:7px 8px;border-bottom:1px solid var(--line);vertical-align:top}
.ct th{background:var(--green-l);text-align:left;white-space:nowrap}
.ct td.n,.ct th.n{text-align:right;white-space:nowrap}
.ct tr.g td{font-weight:700;background:#f1f5f2}
.sum{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}
.sum div{background:var(--bg);border-radius:10px;padding:10px}
.sum b{display:block;font-size:17px}
.sum span{font-size:12.5px;color:var(--muted)}
.chua{color:var(--warn);font-weight:600}
.print-only{display:none}
@media(max-width:420px){h1{font-size:24px}.dk h2{font-size:24px}.grid3{grid-template-columns:1fr 1fr}.grid3 label:last-child{grid-column:1/-1}.kq-v{font-size:26px}.sum{grid-template-columns:1fr 1fr}}
@media print{body{background:#fff}header.top,.no-print,form,.foot{display:none!important}.print-only{display:block}.card{border:0;padding:0}.von{display:none!important}.ct{min-width:0}}