*{box-sizing:border-box;margin:0;padding:0}:root{--red:#EF1D28;--red-d:#B8141D;--red-x:#8E0F16;--red-t:#C41320;--gold:#F5B301;--gold-l:#FFD24A;--navy:#14243D;--ink:#152238;--mut:#5A6A80;--line:#E6EBF2;--bg:#F5F7FA;--soft:#FDF3F3;--tap:44px;--sab:env(safe-area-inset-bottom,0px)}html{-webkit-text-size-adjust:100%}body{font-family:'Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.75;-webkit-font-smoothing:antialiased}a{color:var(--red-d);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1200px;margin:0 auto;padding:0 20px}.topbar{background:var(--navy);color:#c6d2e2;font-size:13.5px}.topbar .wrap{display:flex;gap:20px;align-items:center;padding:7px 20px;flex-wrap:wrap}.topbar a{color:#e8eef7;font-weight:600}.topbar .sp{margin-left:auto}.topbar .ks{display:inline-flex;align-items:center;gap:5px;padding:3px 11px;border:1px solid rgba(255,255,255,.22);border-radius:99px;font-size:12.5px;color:#b9c7da;font-weight:600;white-space:nowrap}.topbar .ks:hover{border-color:var(--gold);color:var(--gold-l);background:rgba(245,179,1,.10);text-decoration:none}.topbar b{color:var(--gold-l)}header{background:#fff;position:sticky;top:0;z-index:70;border-bottom:3px solid var(--red);box-shadow:0 3px 16px rgba(20,36,61,.09)}.nav{display:flex;align-items:center;gap:6px;padding:11px 0;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px;margin-right:auto;text-decoration:none}.brand img{height:50px;width:auto;display:block}.brand .bt{line-height:1.25}.brand .b1{font-weight:800;font-size:20px;color:var(--red-t);letter-spacing:-.3px}.brand .b2{font-size:11.6px;color:var(--mut);font-weight:600;letter-spacing:.2px}.nav a.mi{color:var(--navy);padding:11px 13px;min-height:var(--tap);display:flex;align-items:center;border-radius:8px;font-size:14.6px;font-weight:600}.nav a.mi:hover{background:var(--soft);color:var(--red-t);text-decoration:none}.nav a.mi.on{color:var(--red-t);background:var(--soft)}.nav a.cta{background:var(--red-t);color:#fff;font-weight:700;padding:10px 18px;border-radius:8px;box-shadow:0 4px 14px rgba(239,29,40,.32)}.nav a.cta:hover{background:var(--red-x);text-decoration:none;color:#fff}.menu{display:flex;gap:2px;align-items:center;flex-wrap:wrap}.bo-qua{position:absolute;left:-9999px;top:0;z-index:120;background:var(--navy);color:#fff;padding:12px 20px;border-radius:0 0 10px 0;font-weight:700}.bo-qua:focus{left:0;text-decoration:none;color:#fff}.burger{display:none;background:var(--red-t);border:0;color:#fff;width:var(--tap);height:var(--tap);border-radius:10px;cursor:pointer;padding:0;align-items:center;justify-content:center}.bvach,.bvach:before,.bvach:after{display:block;width:19px;height:2.5px;background:#fff;border-radius:2px;transition:transform .22s ease,opacity .18s ease}.bvach{position:relative}.bvach:before,.bvach:after{content:"";position:absolute;left:0}.bvach:before{top:-6px}.bvach:after{top:6px}.burger[aria-expanded="true"] .bvach{background:transparent}.burger[aria-expanded="true"] .bvach:before{transform:translateY(6px) rotate(45deg)}.burger[aria-expanded="true"] .bvach:after{transform:translateY(-6px) rotate(-45deg)}.slider{position:relative;overflow:hidden;background:var(--red-x)}.slides{position:relative;width:100%;aspect-ratio:1600/560;min-height:300px}.slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;pointer-events:none}.slide.on{opacity:1;pointer-events:auto}.slide svg{width:100%;height:100%;display:block}.slide .sv{position:absolute;inset:0}.stx{display:none}.slider .nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.2);border:1.5px solid rgba(255,255,255,.55);color:#fff;width:46px;height:46px;border-radius:50%;cursor:pointer;font-size:19px;line-height:1;transition:.18s;z-index:3}.slider .nav:hover{background:rgba(255,255,255,.38)}.slider .prev{left:18px}.slider .next{right:18px}.slider .dots{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:center;gap:4px;z-index:3}.slider .dot{width:30px;height:30px;border:0;cursor:pointer;padding:0;background:none;display:flex;align-items:center;justify-content:center}.slider .dot:before{content:"";width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.45);transition:.2s}.slider .dot.on:before{background:var(--gold);width:30px;border-radius:6px}.slider .dot:hover:before{background:rgba(255,255,255,.8)}.phead{background:linear-gradient(120deg,var(--navy) 0%,var(--red-x) 62%,var(--red-d) 100%);color:#fff;padding:46px 0 50px;position:relative;overflow:hidden}.phead:after{content:"";position:absolute;right:-70px;top:-90px;width:340px;height:340px;border-radius:50%;background:rgba(255,255,255,.06)}.phead h1{font-size:clamp(23px,5.4vw,36px);line-height:1.28;font-weight:800;max-width:860px;margin-bottom:13px}.phead p{font-size:clamp(15.5px,3.4vw,18px);max-width:820px;color:#ffe3e4}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap);padding:13px 27px;border-radius:9px;font-weight:700;font-size:15.5px}.btn-a{background:var(--red-t);color:#fff;box-shadow:0 6px 20px rgba(239,29,40,.34)}.btn-a:hover{background:var(--red-x);text-decoration:none;color:#fff}.btn-g{background:var(--gold);color:#3a2400;box-shadow:0 6px 20px rgba(245,179,1,.36)}.btn-g:hover{background:var(--gold-l);text-decoration:none;color:#3a2400}.btn-b{background:transparent;color:#fff;border:1.6px solid rgba(255,255,255,.7);margin-left:10px}.btn-b:hover{background:rgba(255,255,255,.17);text-decoration:none;color:#fff}section{padding:58px 0}section.alt{background:#fff}.h1-tc{font-size:clamp(16px,2.2vw,19.5px);font-weight:700;color:var(--navy);line-height:1.5;margin:0;padding:18px 0 4px;max-width:900px}h2.sec{font-size:clamp(21px,4.6vw,30px);font-weight:800;margin-bottom:11px;color:var(--navy);position:relative;padding-bottom:13px}h2.sec:after{content:"";position:absolute;left:0;bottom:0;width:66px;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--red),var(--gold))}p.sub{color:var(--mut);max-width:840px;margin-bottom:32px;font-size:clamp(15.2px,3.2vw,16.5px);text-wrap:pretty}h1,h2,h3,h2.sec{text-wrap:balance}.grid{display:grid;gap:20px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:23px;transition:.2s;box-shadow:0 1px 3px rgba(20,36,61,.05);position:relative}.card:hover{box-shadow:0 12px 32px rgba(20,36,61,.13);transform:translateY(-4px);border-color:#f6c9cc}.card h3,.card h2.ct{font-size:17.5px;margin-bottom:9px;color:var(--navy)}.card p{color:var(--mut);font-size:15px}.ico{font-size:30px;margin-bottom:11px;display:block}section.alt .card{background:#fdfdfe}.tbl{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px rgba(20,36,61,.08);font-size:15px}.tbl th,.tbl td{padding:13px 15px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.tbl thead th{background:var(--navy);color:#fff;font-size:14.5px;font-weight:700}.tbl thead th:last-child{background:var(--red-t)}.tbl tbody tr:nth-child(even){background:#fafbfd}.tbl td:first-child{font-weight:700;color:var(--navy);width:19%}.tbl .hi{background:#fdf5ea}.scroller{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:760px){.tbl,.tbl tbody,.tbl tr,.tbl td{display:block;width:100%}.tbl thead{display:none}.scroller{overflow:visible}.tbl{box-shadow:none;background:transparent}.tbl tr{background:#fff!important;border:1px solid var(--line);border-radius:12px;margin-bottom:14px;padding:4px 0;box-shadow:0 1px 4px rgba(20,36,61,.07);overflow:hidden}.tbl td{border:0;border-bottom:1px solid var(--line);padding:11px 15px}.tbl td:last-child{border-bottom:0}.tbl td:first-child{width:auto;background:var(--navy);color:#fff;font-size:15.5px;border-radius:0;padding:12px 15px}.tbl td[data-label]:before{content:attr(data-label);display:block;font-size:11.6px;font-weight:800;color:var(--red-t);text-transform:uppercase;letter-spacing:.6px;margin-bottom:3px}.tbl td.hi{background:#fdf5ea}}.legal{background:#fff;border-left:4px solid var(--red);border-radius:0 12px 12px 0;padding:19px 23px;margin-bottom:15px;box-shadow:0 1px 4px rgba(20,36,61,.07)}.legal .code{font-weight:800;color:var(--red-d);font-size:16.5px}.legal .eff{display:inline-block;background:#e9f7ee;color:#12703c;font-size:12.5px;font-weight:700;padding:3px 11px;border-radius:99px;margin-left:8px}.legal .t{font-weight:600;margin:5px 0 6px;color:var(--navy)}.legal .n{color:var(--mut);font-size:14.8px}.post{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:.2s;display:flex;flex-direction:column}.post:hover{box-shadow:0 12px 32px rgba(20,36,61,.15);transform:translateY(-4px);text-decoration:none}.post .thumb{aspect-ratio:1200/630;background:#f0f3f8;overflow:hidden}.post .thumb svg{width:100%;height:100%;display:block}.post .bd{padding:17px 20px;flex:1;display:flex;flex-direction:column}.post .tag{font-size:11.8px;font-weight:800;color:var(--red-t);text-transform:uppercase;letter-spacing:.7px}.post h3{font-size:17px;margin:7px 0 8px;line-height:1.45;color:var(--navy)}.post p{color:var(--mut);font-size:14.5px;flex:1}.post .dt{color:#6B7688;font-size:13px;margin-top:12px}article.body{background:#fff;border-radius:14px;padding:36px 42px;box-shadow:0 1px 5px rgba(20,36,61,.08);font-size:clamp(16.2px,3.5vw,17px);line-height:1.88}article.body h2{font-size:23px;color:var(--navy);margin:32px 0 13px;padding-top:6px;border-left:4px solid var(--gold);padding-left:14px}article.body p{margin-bottom:15px}article.body b{color:var(--red-d)}article.body .cta-tail{background:var(--soft);border-left:4px solid var(--red);padding:16px 20px;border-radius:0 10px 10px 0;margin-top:28px}article.body i{color:var(--mut)}article.body img{max-width:100%;height:auto;border-radius:10px;display:block}article.body figure{margin:22px 0}article.body figcaption{font-size:14.2px;color:var(--mut);text-align:center;margin-top:8px;font-style:italic}article.body .khung-video{position:relative;padding-bottom:56.25%;height:0;margin:22px 0;background:#0f172a;border-radius:10px;overflow:hidden}article.body .khung-video iframe,article.body .khung-video video{position:absolute;inset:0;width:100%;height:100%;border:0}article.body h3{font-size:19px;color:var(--navy);margin:24px 0 10px}article.body ul,article.body ol{margin:0 0 15px 22px}article.body li{margin-bottom:6px}article.body blockquote{margin:0 0 18px;padding:14px 20px;border-left:4px solid var(--red);background:var(--soft);color:#334155}article.body pre{background:#0f172a;color:#e2e8f0;padding:16px;border-radius:10px;overflow-x:auto;font-size:14px;margin:0 0 18px}article.body hr{border:0;border-top:1px solid var(--line);margin:26px 0}article.body .scroller{margin:0 0 18px}.crumb{font-size:14px;color:var(--mut);margin-bottom:14px}.arthead{max-width:920px;margin:0 auto 20px}.arthead h1{font-size:clamp(23px,5.2vw,33px);line-height:1.32;color:var(--navy);margin:8px 0 12px}.meta{color:#8a99ad;font-size:14.5px}.artwrap{max-width:920px;margin:0 auto}.chips{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:28px}.chip{background:#fff;border:1px solid var(--line);padding:11px 18px;min-height:var(--tap);display:inline-flex;align-items:center;border-radius:99px;font-size:14.5px;font-weight:600;color:var(--mut)}.chip.on,.chip:hover{background:var(--red-t);color:#fff;border-color:var(--red-t);text-decoration:none}.band{background:linear-gradient(120deg,var(--red-x),var(--red) 55%,var(--red-d));color:#fff;text-align:center;padding:54px 20px;position:relative;overflow:hidden}.band:before{content:"";position:absolute;left:-60px;bottom:-90px;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.07)}.band h2{font-size:clamp(21px,4.6vw,30px);margin-bottom:13px;font-weight:800;position:relative}.band p{color:#ffe3e4;max-width:740px;margin:0 auto 25px;font-size:16.5px;position:relative}.band .btn{position:relative}.diagram{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;overflow-x:auto;box-shadow:0 1px 4px rgba(20,36,61,.06)}.diagram svg{min-width:860px;width:100%;height:auto;display:block}.legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:16px;font-size:14.5px;color:var(--mut)}.legend i{display:inline-block;width:13px;height:13px;border-radius:3px;margin-right:6px;vertical-align:-1px}.faq{background:#fff;border:1px solid var(--line);border-radius:12px;padding:19px 23px;margin-bottom:12px;border-left:4px solid var(--gold)}.faq h3{font-size:16.5px;color:var(--navy);margin-bottom:7px}.faq p{color:var(--mut);font-size:15px}footer{background:var(--navy);color:#a8b8cd;font-size:14.7px}.fcta{background:linear-gradient(120deg,var(--red-x),var(--red-d));padding:26px 0}.fcta .wrap{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.fcta .tx{flex:1;min-width:240px}.fcta b{color:#fff;font-size:19px;display:block;margin-bottom:3px}.fcta span{color:#ffdfe1;font-size:15px}.fcta .ac{display:flex;gap:10px;flex-wrap:wrap}.fcta .b1{background:var(--gold);color:#3a2400}.fcta .b2{background:rgba(255,255,255,.14);color:#fff;border:1.5px solid rgba(255,255,255,.55)}.fcta a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:var(--tap);padding:11px 22px;border-radius:10px;font-weight:700;font-size:15.2px;text-decoration:none;white-space:nowrap}.fcta a:hover{text-decoration:none;filter:brightness(1.07)}.fmain{padding:38px 0 26px}.fgrid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.15fr;gap:34px}.fcol h3{color:#fff;font-size:15.4px;margin-bottom:15px;position:relative;padding-bottom:9px}.fcol h3:after{content:"";position:absolute;left:0;bottom:0;width:32px;height:2.5px;border-radius:2px;background:var(--red)}.fcol a{color:#a8b8cd;display:block;padding:5px 0;line-height:1.5}.fcol a:hover{color:var(--gold-l);text-decoration:none;padding-left:4px;transition:.15s}.fbrand{display:flex;align-items:center;gap:12px;margin-bottom:14px}.flogo{background:#fff;padding:7px 10px;border-radius:10px;display:inline-flex;flex-shrink:0;line-height:0}.flogo img{height:46px;width:auto;display:block}.fname{color:#fff;font-size:15px;font-weight:700;line-height:1.35}.fdesc{line-height:1.72;margin-bottom:16px}.fbadges{display:flex;gap:7px;flex-wrap:wrap}.fbadges span{background:rgba(255,255,255,.07);border:1px solid #2a4368;border-radius:7px;padding:5px 11px;font-size:12.6px;color:#c6d4e4}.finfo li{list-style:none;display:flex;gap:10px;padding:6px 0;align-items:flex-start;line-height:1.55}.finfo .ic{width:19px;flex-shrink:0;text-align:center;opacity:.75}.finfo a{padding:0;display:inline}.fphone{display:flex;align-items:center;gap:13px;background:rgba(255,255,255,.06);border:1px solid #2a4368;border-radius:11px;padding:9px 16px;margin-bottom:13px;text-decoration:none}.fphone:hover{background:rgba(239,29,40,.15);border-color:var(--red);text-decoration:none}.fphone svg{width:19px;height:19px;flex:0 0 19px;fill:var(--gold-l);margin-right:2px}.fphone span{font-size:18px;font-weight:800;color:var(--gold-l);letter-spacing:.2px;line-height:1.2;white-space:nowrap}.fbot{border-top:1px solid #24395c;padding:15px 0 calc(15px + var(--sab));display:flex;gap:8px 20px;align-items:center;justify-content:space-between;flex-wrap:wrap;color:#7f92ab;font-size:13.4px}.fbot .lk{display:flex;gap:16px;flex-wrap:wrap}.fbot .lk a{color:#8fa3ba}@media(max-width:1000px){.fgrid{grid-template-columns:1fr 1fr;gap:28px}}@media(max-width:640px){.fgrid{grid-template-columns:1fr;gap:24px}.fcta{padding:20px 0}.fcta .ac{width:100%}.fcta a{flex:1}.fmain{padding:28px 0 20px}.fbot{justify-content:center;text-align:center;flex-direction:column;gap:9px}.fcol h3{margin-bottom:11px}}.mbar{position:fixed;left:0;right:0;bottom:0;z-index:94;display:none;background:#fff;border-top:1px solid var(--line);box-shadow:0 -4px 18px rgba(20,36,61,.13);padding:8px 10px calc(8px + var(--sab));gap:8px}.mbar a{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;min-height:var(--tap);border-radius:11px;font-weight:700;font-size:15px;text-decoration:none}.mbar .call{background:var(--red-t);color:#fff}.mbar .zalo{background:var(--gold);color:#3a2400}.mbar .adv{background:#fff;color:var(--navy);border:1.6px solid var(--line)}.cbtn{position:fixed;right:18px;bottom:84px;z-index:95;background:var(--navy);color:#fff;width:58px;height:58px;border-radius:50%;border:0;cursor:pointer;font-size:25px;box-shadow:0 8px 26px rgba(20,36,61,.4);transition:.2s}.cbtn:hover{background:var(--red);transform:scale(1.06)}.cbox{position:fixed;right:18px;bottom:18px;z-index:96;width:392px;max-width:calc(100vw - 36px);background:#fff;border-radius:16px;box-shadow:0 18px 60px rgba(20,36,61,.32);display:none;overflow:hidden;flex-direction:column}.cbox.on{display:flex}.chd{background:linear-gradient(120deg,var(--navy),var(--red-d));color:#fff;padding:13px 16px;display:flex;align-items:center;gap:10px}.chd .av{width:36px;height:36px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}.chd b{font-size:15px;display:block}.chd span{font-size:11.5px;opacity:.9;display:block}.chd .dot{width:7px;height:7px;border-radius:50%;background:#3ddc84;display:inline-block;margin-right:5px;vertical-align:1px}.chd button{margin-left:auto;background:rgba(255,255,255,.2);border:0;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:16px;line-height:1;flex-shrink:0}.cmsgs{padding:14px;height:368px;overflow-y:auto;background:#f7f9fc;position:relative}.cmsgs.drag:after{content:"Thả tệp vào đây để gửi";position:absolute;inset:8px;border:2.5px dashed var(--red);border-radius:12px;background:rgba(239,29,40,.06);display:flex;align-items:center;justify-content:center;color:var(--red-d);font-weight:700;font-size:15px}.cm{margin-bottom:11px;display:flex}.cm .bub{max-width:82%;padding:9px 13px;border-radius:13px;font-size:14.3px;line-height:1.62;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.cm.u{justify-content:flex-end}.cm.u .bub{background:var(--red-t);color:#fff;border-bottom-right-radius:4px}.cm.a .bub{background:#fff;border:1px solid var(--line);color:var(--ink);border-bottom-left-radius:4px}.cm.s .bub{background:#fff3cd;border:1px solid #f0d68a;color:#6b4e00;font-size:13px;margin:0 auto}.cm .bub img{max-width:100%;border-radius:9px;display:block;margin-top:4px;cursor:pointer}.cm .fil{display:flex;align-items:center;gap:9px;text-decoration:none;color:inherit}.cm .fil .ic{font-size:22px}.cm .fil .nm{font-size:13.6px;font-weight:600;word-break:break-all}.cin{display:flex;gap:7px;padding:10px;border-top:1px solid var(--line);background:#fff;align-items:center}.cin input[type=text]{flex:1;padding:10px 13px;border:1px solid #cfd8e6;border-radius:10px;font-size:14.3px;font-family:inherit;outline:none;min-width:0}.cin input[type=text]:focus{border-color:var(--red)}.cin .ib{background:#f1f5fa;border:1px solid #dfe7f0;width:38px;height:38px;border-radius:10px;cursor:pointer;font-size:17px;flex-shrink:0;line-height:1;transition:.15s;padding:0}.cin .ib:hover{background:#e6edf6;border-color:#c3d2e2}.cin .snd{background:var(--red-t);color:#fff;border:0;padding:0 16px;height:38px;border-radius:10px;cursor:pointer;font-weight:700;font-size:14.3px;flex-shrink:0}.cin .snd:disabled{background:#c9d3e0;cursor:default}.emo{display:none;flex-wrap:wrap;gap:3px;padding:9px 11px;background:#fff;border-top:1px solid var(--line);max-height:132px;overflow-y:auto}.emo.on{display:flex}.emo button{background:none;border:0;font-size:21px;cursor:pointer;width:34px;height:32px;border-radius:7px;padding:0}.emo button:hover{background:#f1f5fa}.cprev{display:none;align-items:center;gap:10px;padding:9px 11px;background:#fdf3f3;border-top:1px solid #f6d5d7}.cprev.on{display:flex}.cprev img{width:44px;height:44px;object-fit:cover;border-radius:8px}.cprev .nm{font-size:13.4px;font-weight:600;flex:1;word-break:break-all;color:var(--navy)}.cprev button{background:none;border:0;color:var(--red-t);cursor:pointer;font-size:19px;padding:0 4px}.cnote{font-size:11px;color:#8a99ad;text-align:center;padding:0 12px 9px;background:#fff}@media(max-width:600px){.cbox{right:10px;left:10px;bottom:10px;width:auto}.cmsgs{height:min(56vh,370px)}.cbtn{right:12px;bottom:78px;width:52px;height:52px;font-size:22px}}@media(max-width:900px){.wrap{padding:0 15px}section{padding:38px 0}.g4{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:1fr}.g2{grid-template-columns:1fr}.grid{gap:13px}.card{padding:17px;border-radius:12px}.card:hover{transform:none;box-shadow:0 1px 3px rgba(20,36,61,.05)}.post:hover{transform:none}body{padding-bottom:70px}.mbar{display:flex}.cbtn{bottom:calc(74px + var(--sab))}.cbox{bottom:calc(70px + var(--sab))}.phead{padding:30px 0 34px}.band{padding:38px 16px}h2.sec{padding-bottom:11px}.diagram{padding:12px;border-radius:12px}.fgrid{grid-template-columns:1fr;gap:24px}.phead h1{font-size:26px}.phead p{font-size:16px}h2.sec{font-size:24px}article.body{padding:24px 20px;font-size:16.3px}article.body h2{font-size:20px}.arthead h1{font-size:25px}.burger{display:flex}.nav{flex-wrap:nowrap;padding:9px 0}.brand{min-width:0}.brand .bt{min-width:0}.brand .b1,.brand .b2{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu{position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:#fff;border-top:1px solid var(--line);box-shadow:0 14px 28px rgba(20,36,61,.16);padding:6px 15px 12px;max-height:76vh;overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .18s ease,transform .18s ease,visibility .18s}.menu.open{transform:none;opacity:1;visibility:visible}.nav a.mi{width:100%;border-radius:10px;padding:13px 12px;font-size:16px}.nav a.cta{margin-top:8px;justify-content:center;text-align:center}body.menu-mo{overflow:hidden}.btn-b{margin-left:0;margin-top:10px}.brand img{height:42px}.brand .b1{font-size:17px}.brand .b2{font-size:10.6px}.topbar{font-size:12.3px}.topbar .wrap{gap:9px;padding:6px 15px}.slides{aspect-ratio:auto;min-height:0;display:grid}.slide .sv{display:none}.slider{background:linear-gradient(122deg,var(--navy) 0%,var(--red-x) 58%,var(--red-d) 100%)}.slide{position:relative;inset:auto;grid-area:1/1;height:auto}.stx{display:block;padding:26px 18px 54px;color:#fff}.stx .bh{font-size:clamp(21px,5.6vw,28px);line-height:1.28;font-weight:800;margin:0 0 10px}.stx .bh span{display:block}.stx .bh b{display:block;color:var(--gold);font-weight:800}.stx p{font-size:15.4px;line-height:1.6;margin:0 0 14px;color:#ffe9ea}.bchips{display:flex;flex-wrap:wrap;gap:7px}.bch{font-size:12.8px;font-weight:700;padding:7px 13px;border-radius:99px;background:rgba(255,255,255,.14);border:1.4px solid rgba(255,255,255,.5);color:#fff}.bch.gold{background:var(--gold);border-color:var(--gold);color:#3a1400}.slider .nav{display:none}.slider .dots{bottom:18px}.slider .nav{width:38px;height:38px;font-size:16px}.slider .prev{left:8px}.slider .next{right:8px}.topbar .sp{display:none}.topbar .ks{margin-left:auto;padding:3px 9px;font-size:12px}.tbl td:first-child{width:auto}}.cbtn{position:fixed;right:18px;bottom:84px;z-index:95;background:var(--navy);color:#fff;width:58px;height:58px;border-radius:50%;border:0;cursor:pointer;font-size:25px;box-shadow:0 8px 26px rgba(20,36,61,.4);transition:.2s}.cbtn:hover{background:var(--red);transform:scale(1.06)}.cbox{position:fixed;right:18px;bottom:18px;z-index:96;width:392px;max-width:calc(100vw - 36px);background:#fff;border-radius:16px;box-shadow:0 18px 60px rgba(20,36,61,.32);display:none;overflow:hidden;flex-direction:column}.cbox.on{display:flex}.chd{background:linear-gradient(120deg,var(--navy),var(--red-d));color:#fff;padding:13px 16px;display:flex;align-items:center;gap:10px}.chd .av{width:36px;height:36px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}.chd b{font-size:15px;display:block}.chd span{font-size:11.5px;opacity:.9;display:block}.chd .dot{width:7px;height:7px;border-radius:50%;background:#3ddc84;display:inline-block;margin-right:5px;vertical-align:1px}.chd button{margin-left:auto;background:rgba(255,255,255,.2);border:0;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:16px;line-height:1;flex-shrink:0}.cmsgs{padding:14px;height:368px;overflow-y:auto;background:#f7f9fc;position:relative}.cmsgs.drag:after{content:"Thả tệp vào đây để gửi";position:absolute;inset:8px;border:2.5px dashed var(--red);border-radius:12px;background:rgba(239,29,40,.06);display:flex;align-items:center;justify-content:center;color:var(--red-d);font-weight:700;font-size:15px}.cm{margin-bottom:11px;display:flex}.cm .bub{max-width:82%;padding:9px 13px;border-radius:13px;font-size:14.3px;line-height:1.62;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.cm.u{justify-content:flex-end}.cm.u .bub{background:var(--red-t);color:#fff;border-bottom-right-radius:4px}.cm.a .bub{background:#fff;border:1px solid var(--line);color:var(--ink);border-bottom-left-radius:4px}.cm.s .bub{background:#fff3cd;border:1px solid #f0d68a;color:#6b4e00;font-size:13px;margin:0 auto}.cm .bub img{max-width:100%;border-radius:9px;display:block;margin-top:4px;cursor:pointer}.cm .fil{display:flex;align-items:center;gap:9px;text-decoration:none;color:inherit}.cm .fil .ic{font-size:22px}.cm .fil .nm{font-size:13.6px;font-weight:600;word-break:break-all}.cin{display:flex;gap:7px;padding:10px;border-top:1px solid var(--line);background:#fff;align-items:center}.cin input[type=text]{flex:1;padding:10px 13px;border:1px solid #cfd8e6;border-radius:10px;font-size:14.3px;font-family:inherit;outline:none;min-width:0}.cin input[type=text]:focus{border-color:var(--red)}.cin .ib{background:#f1f5fa;border:1px solid #dfe7f0;width:38px;height:38px;border-radius:10px;cursor:pointer;font-size:17px;flex-shrink:0;line-height:1;transition:.15s;padding:0}.cin .ib:hover{background:#e6edf6;border-color:#c3d2e2}.cin .snd{background:var(--red-t);color:#fff;border:0;padding:0 16px;height:38px;border-radius:10px;cursor:pointer;font-weight:700;font-size:14.3px;flex-shrink:0}.cin .snd:disabled{background:#c9d3e0;cursor:default}.emo{display:none;flex-wrap:wrap;gap:3px;padding:9px 11px;background:#fff;border-top:1px solid var(--line);max-height:132px;overflow-y:auto}.emo.on{display:flex}.emo button{background:none;border:0;font-size:21px;cursor:pointer;width:34px;height:32px;border-radius:7px;padding:0}.emo button:hover{background:#f1f5fa}.cprev{display:none;align-items:center;gap:10px;padding:9px 11px;background:#fdf3f3;border-top:1px solid #f6d5d7}.cprev.on{display:flex}.cprev img{width:44px;height:44px;object-fit:cover;border-radius:8px}.cprev .nm{font-size:13.4px;font-weight:600;flex:1;word-break:break-all;color:var(--navy)}.cprev button{background:none;border:0;color:var(--red-t);cursor:pointer;font-size:19px;padding:0 4px}.cnote{font-size:11px;color:#8a99ad;text-align:center;padding:0 12px 9px;background:#fff}@media(max-width:600px){.cbox{right:10px;left:10px;bottom:10px;width:auto}.cmsgs{height:min(56vh,370px)}.cbtn{right:12px;bottom:78px;width:52px;height:52px;font-size:22px}}
.bwrap{position:relative;border-radius:16px;overflow:hidden;margin:0 0 34px;
 box-shadow:0 6px 26px rgba(20,36,61,.18)}
.bslides{position:relative;aspect-ratio:3/1;min-height:230px}
.bslide{position:absolute;inset:0;opacity:0;transition:opacity .55s ease}
.bslide.on{opacity:1}
.bslide svg{width:100%;height:100%;display:block}
.bnav{position:absolute;top:50%;transform:translateY(-50%);border:0;cursor:pointer;
 background:rgba(255,255,255,.16);color:#fff;font-size:20px;width:42px;height:42px;
 border-radius:50%;display:grid;place-items:center}
.bnav:hover{background:rgba(255,255,255,.3)}
.bprev{left:14px}.bnext{right:14px}
.bdots{position:absolute;left:0;right:0;bottom:14px;display:flex;gap:9px;
 justify-content:center}
.bdot{width:10px;height:10px;border-radius:50%;border:0;cursor:pointer;padding:0;
 background:rgba(255,255,255,.42)}
.bdot.on{background:#FFD24A;width:26px;border-radius:6px}
@media(max-width:760px){
 .bslides{aspect-ratio:auto;min-height:270px}
 .bnav{width:34px;height:34px;font-size:16px}
 .bprev{left:7px}.bnext{right:7px}
}

/* Số 15 lớn trong tiêu đề trang Giới thiệu.
   Dùng em chứ không dùng px: tiêu đề .sec đã co giãn theo clamp(), gắn px vào
   thì trên điện thoại chữ số vẫn to nguyên trong khi phần chữ đã thu nhỏ.
   background-clip:text đổ chuyển màu vào nét chữ; kèm color dự phòng cho
   trình duyệt cũ không hỗ trợ, để không ra chữ trong suốt vô hình.
   line-height:1 vì chữ số cỡ lớn kéo giãn dòng làm lệch đường cơ sở. */
.so15{display:flex;align-items:baseline;gap:.28em;flex-wrap:wrap}
.so15 .n{font-size:1.85em;font-weight:900;line-height:1;letter-spacing:-.04em;
 color:var(--red-t);background:linear-gradient(135deg,var(--red-t) 15%,#e8a33d 85%);
 -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
@supports not (background-clip:text){.so15 .n{-webkit-text-fill-color:currentColor}}

/* Huy hiệu Bộ Công Thương.

   Chọn ".fcol a.bct" chứ không phải ".bct": bộ giao diện chung có luật
   ".fcol a{display:block;padding:5px 0}" cho các liên kết trong chân trang.
   Luật đó gồm một lớp và một thẻ nên độ ưu tiên cao hơn ".bct" chỉ có một
   lớp — huy hiệu bị ép display:block và giãn hết chiều rộng cột. Thêm tên
   thẻ vào bộ chọn là đủ thắng, không cần dùng !important.

   width:max-content để hộp ôm đúng bề ngang ảnh, kể cả khi sau này đổi ảnh
   khác kích thước. Huy hiệu của cơ quan nhà nước thì giữ đúng tỷ lệ gốc,
   không kéo giãn. */
.fcol a.bct{display:inline-block;width:max-content;max-width:100%;
 margin-top:18px;padding:8px 12px;background:#fff;border-radius:10px;
 line-height:0;box-shadow:0 2px 10px rgba(0,0,0,.28);
 transition:transform .15s,box-shadow .15s}
.fcol a.bct:hover{transform:translateY(-2px);padding-left:12px;
 box-shadow:0 6px 18px rgba(0,0,0,.34)}
.fcol a.bct img{width:158px;height:auto;display:block}

/* ---- Biểu mẫu -----------------------------------------------------------
   Lớp .lb và .o trước đây mượn tên từ trang truyền thanh nhưng trang này
   không nạp CSS của trang đó, nên không có định nghĩa nào — nhãn và ô nhập
   rơi về mặc định trình duyệt và chảy thành một dòng. Định nghĩa tại chỗ.

   Bố cục lưới: mặc định một cột (điện thoại), từ 560px trở lên chia hai cột
   cho các trường ngắn. Trường dài đặt lớp .rong để chiếm cả hàng.
   Cỡ chữ ô nhập giữ 16px — iOS tự phóng to trang nếu nhỏ hơn.              */
.frm{display:grid;gap:15px}
@media(min-width:560px){.frm{grid-template-columns:1fr 1fr}
 .frm .rong,.frm .tb,.frm>button{grid-column:1/-1}}
.fi{display:flex;flex-direction:column;gap:6px;min-width:0}
.lb{font-size:13.5px;font-weight:700;color:var(--navy);letter-spacing:.01em}
.lb .sao{color:var(--red-t);margin-left:2px}
.o{width:100%;box-sizing:border-box;font:400 16px/1.45 inherit;color:var(--navy);
 background:#fff;border:1.5px solid #d9e1ec;border-radius:10px;padding:12px 14px;
 transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}
.o::placeholder{color:#9aa7b8}
.o:hover{border-color:#c2cfe0}
.o:focus{outline:0;border-color:var(--red-t);box-shadow:0 0 0 3px rgba(197,17,32,.13)}
.o:user-invalid{border-color:#d64550}
textarea.o{resize:vertical;min-height:120px;line-height:1.6}
/* Mũi tên riêng vì appearance:none đã gỡ mũi tên mặc định */
select.o{padding-right:40px;cursor:pointer;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235b6b80' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
 background-repeat:no-repeat;background-position:right 15px center}
.ghi{font-size:12.5px;color:var(--mut);margin-top:-2px}
.frm>button{width:100%;padding:15px;font-size:16.5px;border-radius:11px;margin-top:2px}
.hero-sub{font-size:clamp(16px,3.4vw,19px);color:var(--mut);max-width:760px;
 margin:-14px 0 30px;text-wrap:pretty}
.tru{border:1px solid #e3e9f2;border-radius:16px;padding:26px 28px;margin-bottom:20px;
 background:#fff;position:relative;overflow:hidden}
.tru:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;
 background:linear-gradient(180deg,var(--red-t),#e8a33d)}
.tru .so{font-size:13px;font-weight:800;letter-spacing:.14em;color:var(--red-t)}
.tru h3{font-size:clamp(19px,4vw,24px);margin:5px 0 9px;color:var(--navy)}
.tru .tom{color:var(--mut);margin-bottom:18px;max-width:820px;text-wrap:pretty}
.mucl{display:grid;gap:13px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.muc{background:#f7f9fc;border-radius:11px;padding:15px 17px}
.muc b{display:block;color:var(--navy);font-size:15.5px;margin-bottom:5px}
.muc span{color:var(--mut);font-size:14.5px;line-height:1.6}
.hcard{display:flex;gap:15px;align-items:flex-start;background:#fff;
 border:1px solid #e3e9f2;border-radius:14px;padding:19px 21px;text-decoration:none;
 transition:border-color .16s,transform .16s}
.hcard:hover{border-color:var(--red-t);transform:translateY(-2px)}
.hcard .ic{font-size:30px;line-height:1}
.hcard b{display:block;color:var(--navy);font-size:17px;margin-bottom:5px}
.hcard p{color:var(--mut);font-size:14.5px;margin:0 0 8px}
.hcard .dc{color:var(--red-t);font-weight:700;font-size:14px}
.moc{display:grid;gap:0;margin:8px 0 6px;border-left:2px solid #e3e9f2;padding-left:22px}
.moc>div{position:relative;padding-bottom:22px}
.moc>div:before{content:"";position:absolute;left:-28px;top:5px;width:11px;height:11px;
 border-radius:50%;background:var(--red-t)}
.moc b{display:block;color:var(--navy)}
.moc span{color:var(--mut);font-size:15px}
.ndung{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
@media(max-width:640px){.tru{padding:20px 18px}}
/* Khu quản trị: gọn, đọc nhanh, không cầu kỳ. */
.qt-so{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:14px 0}
.qt-so .o{background:#fff;border:1px solid #e3e9f2;border-radius:12px;padding:16px 18px}
.qt-so .n{font-size:26px;font-weight:900;color:var(--navy);line-height:1}
.qt-so .q{color:#b3261e}
.qt-so .l{font-size:13px;color:var(--mut);margin-top:4px}
.qt-bang{width:100%;border-collapse:collapse;font-size:14px;background:#fff;
 border:1px solid #e3e9f2;border-radius:12px;overflow:hidden}
.qt-bang th{background:#f2f5f9;text-align:left;padding:10px 12px;color:var(--navy);font-size:13px}
.qt-bang td{padding:9px 12px;border-top:1px solid #eef2f7;vertical-align:top}
.qt-bang tr:hover td{background:#f9fbfd}
.qt-th{font-size:13px;font-weight:800;letter-spacing:.02em;color:var(--red-t);
 text-transform:uppercase;margin:26px 0 8px}
.tag{display:inline-block;padding:2px 9px;border-radius:20px;font-size:12px;font-weight:700;
 background:#eef2f7;color:#41506a}
.tag.q{background:#ffe0e0;color:#b3261e}
.cm-u{background:#eef4fb;border-radius:9px;padding:7px 11px;font-size:14px;color:#1c3a5e;margin:3px 0}
.cm-a{background:#f7f9fc;border-radius:9px;padding:7px 11px;font-size:14px;color:#334;margin:3px 0}
.btn-nho{padding:7px 13px;font-size:13.5px;border-radius:8px;background:var(--red-t);
 color:#fff;border:0;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}
.btn-nho:hover{background:#a5121d}
.qt-nav{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.qt-nav a{padding:9px 16px;border:1px solid #e3e9f2;border-radius:10px;background:#fff;
 color:var(--navy);font-weight:700;font-size:14px;text-decoration:none}
.qt-nav a:hover{border-color:var(--red-t);color:var(--red-t)}
/* Thanh lọc chuyên mục / trạng thái */
.cmbar{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.cm{padding:7px 14px;border:1px solid #e3e9f2;border-radius:20px;background:#fff;
 color:var(--mut);font-size:13.5px;font-weight:700;text-decoration:none}
.cm.on,.cm:hover{border-color:var(--red-t);color:var(--red-t)}
/* Danh sách bài dạng thẻ */
.bailist{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:18px 0}
.bcard{display:flex;flex-direction:column;background:#fff;border:1px solid #e3e9f2;
 border-radius:14px;overflow:hidden;text-decoration:none;transition:transform .16s,box-shadow .16s}
.bcard:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(20,36,61,.1)}
.bc-anh{display:block;aspect-ratio:16/9;background:#eef2f7;overflow:hidden}
.bc-anh img{width:100%;height:100%;object-fit:cover;display:block}
.bc-anh.bc-trong{display:flex;align-items:center;justify-content:center;font-size:38px;color:#c2cfe0}
.bc-t{padding:15px 17px;display:flex;flex-direction:column;gap:6px}
.bc-cm{font-size:12px;font-weight:800;letter-spacing:.05em;color:var(--red-t);text-transform:uppercase}
.bc-t b{color:var(--navy);font-size:16.5px;line-height:1.35}
.bc-mo{color:var(--mut);font-size:14px;line-height:1.5}
.bc-ngay{color:#9aa7b8;font-size:12.5px;margin-top:auto}
/* Trang bài viết */
.bai-td{font-size:clamp(24px,5vw,34px);color:var(--navy);line-height:1.2;margin:6px 0 8px}
.bai-meta{color:var(--mut);font-size:14px;margin:0 0 18px}
.bai-body{color:#2c3a4d;font-size:16.5px;line-height:1.75}
.bai-body h2{color:var(--navy);font-size:22px;margin:26px 0 10px}
.bai-body h3{color:var(--navy);font-size:19px;margin:22px 0 8px}
.bai-body p{margin:0 0 15px}
.bai-body img,.bai-body figure img{max-width:100%;height:auto;border-radius:10px;display:block;margin:8px 0}
.bai-body figure{margin:16px 0}.bai-body figcaption{color:var(--mut);font-size:13.5px;text-align:center;margin-top:5px}
.bai-body ul,.bai-body ol{margin:0 0 15px;padding-left:22px}
.bai-body li{margin:5px 0}
.bai-body blockquote{border-left:4px solid var(--red-t);margin:16px 0;padding:6px 16px;color:#41506a;background:#f7f9fc}
.bai-body iframe{max-width:100%;aspect-ratio:16/9;width:100%;border:0;border-radius:10px}
.bai-cta{margin:28px 0;padding:20px 22px;border-radius:14px;background:#f7f9fc;border:1px solid #e3e9f2;
 display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.bai-cta b{color:var(--navy)}
/* Khung bản đồ: tỷ lệ cố định bằng aspect-ratio để không nhảy layout khi
   iframe tải, viền bo cho hợp thẻ. */
.bando{margin-top:14px;border-radius:12px;overflow:hidden;border:1px solid #e3e9f2;
 aspect-ratio:16/10;background:#eef2f7}
.bando iframe{width:100%;height:100%;border:0;display:block}
.chi-duong{display:inline-block;margin-top:10px;color:var(--red-t);
 font-weight:700;font-size:14.5px;text-decoration:none}
.chi-duong:hover{text-decoration:underline}