body{margin:0;background:#fff}
a{color:#2D8645}a:hover{color:#246E39}
a,button,summary{cursor:pointer}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #39934F;outline-offset:3px;border-radius:8px}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px;box-sizing:border-box}
.hd{font-family:Montserrat,sans-serif}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:#39934F;box-shadow:0 0 0 4px rgba(57,147,79,.25)}
.nav a{color:#2D2D2D;text-decoration:none;font-family:Montserrat,sans-serif;font-weight:600;font-size:14px;padding:10px 0}
.nav a:hover,.nav a.on{color:#2D8645}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 26px;border-radius:999px;font-family:Montserrat,sans-serif;font-weight:700;font-size:14px;text-decoration:none;box-sizing:border-box;transition:transform .2s;border:0}
.btn:hover{transform:translateY(-2px)}
.btn-g{background:#2D8645;color:#fff}.btn-g:hover{background:#246E39;color:#fff}
.btn-o{border:1.5px solid rgba(255,255,255,.5);color:#fff}.btn-o:hover{border-color:#fff;color:#fff}
.hdr{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #F0EDE4}
.h2x{margin:0;font-family:Montserrat,sans-serif;font-size:38px;line-height:1.15;font-weight:800;text-transform:uppercase}
.tab{min-height:52px;padding:0 22px;border-radius:14px;border:1.5px solid #E4E1D6;background:#fff;font-family:Montserrat,sans-serif;font-weight:800;font-size:14px;color:#2D2D2D;display:inline-flex;align-items:center;gap:10px;transition:background-color .2s,color .2s,border-color .2s}
.tab:hover{border-color:#2D2D2D}
.tab.on{background:#2D2D2D;border-color:#2D2D2D;color:#fff}
.prob{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:16px;background:#fff;border:1px solid #F0EDE4}
.prob .x{flex:none;width:28px;height:28px;border-radius:50%;background:#FDE8EC;color:#C0263E;display:flex;align-items:center;justify-content:center;font-weight:800}
.case{background:#fff;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 0 #EEEADF,0 12px 32px -22px rgba(45,45,45,.3)}
.case img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;background:#F3F6EE}
.gold{background:#fff;border-radius:24px;padding:30px;display:flex;flex-direction:column;gap:14px;border-top:4px solid #39934F;box-shadow:0 1px 0 #EEEADF,0 12px 32px -22px rgba(45,45,45,.3)}
.gold .ic{width:64px;height:64px;border-radius:18px;background:#DDEFE1;display:flex;align-items:center;justify-content:center}
.gold .ic img{width:40px;height:40px}
.tl{position:relative;display:flex;flex-direction:column;gap:22px;padding-left:34px}
.tl:before{content:"";position:absolute;left:13px;top:8px;bottom:8px;width:2px;background:#E4E1D6}
.tl .fill{position:absolute;left:13px;top:8px;width:2px;height:calc(100% - 16px);background:#39934F;transform-origin:top;transform:scaleY(0)}
.ti{position:relative;background:#fff;border-radius:18px;padding:20px 22px;border:1px solid #F0EDE4}
.ti:before{content:attr(data-n);position:absolute;left:-34px;top:18px;width:28px;height:28px;border-radius:50%;background:#2D8645;color:#fff;font-family:Montserrat,sans-serif;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}
details.faq{border:1.5px solid #F0EDE4;border-radius:16px;padding:0 22px;background:#fff}
details.faq[open]{border-color:#BFE0C7}
details.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:64px;font-family:Montserrat,sans-serif;font-weight:700;font-size:16px}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary:after{content:"+";font-size:24px;color:#2D8645;flex:none}
details.faq[open] summary:after{content:"–"}
.field{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:500}
.field input,.field select{height:50px;border:1.5px solid #E4E1D6;border-radius:12px;padding:0 16px;font:inherit;font-size:15px;background:#fff;color:#2D2D2D}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
@media (max-width:960px){.nav{display:none!important}.h1x{font-size:36px!important}.h2x{font-size:28px}.g3{grid-template-columns:minmax(0,1fr)}.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ==== Sửa 19/10/2026: ảnh thẻ tình trạng, 3 cam kết vàng, tab trên điện thoại ==== */
.case img{height:auto;border-bottom:1px solid #EEEADF}
.gold{position:relative;overflow:hidden;border:1px solid #EEEADF;border-top:1px solid #EEEADF;padding:34px 30px 36px;gap:12px;transition:transform .25s ease,box-shadow .25s ease}
.gold:hover{transform:translateY(-4px);box-shadow:0 1px 0 #EEEADF,0 24px 44px -26px rgba(45,45,45,.4)}
.gold:after{content:"";position:absolute;left:30px;right:30px;top:0;height:4px;border-radius:0 0 4px 4px;background:#39934F}
.gold .no{position:absolute;top:20px;right:26px;font-family:Montserrat,sans-serif;font-weight:800;font-size:60px;line-height:1;letter-spacing:-.03em;color:#F2EFE5;pointer-events:none}
.gold .ic{position:relative;width:60px;height:60px;border-radius:18px;background:#E6F2E8;margin-bottom:10px}
.gold .ic:before{content:"";width:30px;height:30px;background:#2D8645;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.gold .ic-fast{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M13%202%204%2014h7l-1%208%209-12h-7l1-8z'%2F%3E%3C%2Fsvg%3E")}
.gold .ic-lock{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%203%204.5%206v5.5c0%204.6%203.2%207.9%207.5%209.5%204.3-1.6%207.5-4.9%207.5-9.5V6L12%203z'%2F%3E%3Crect%20x%3D'9'%20y%3D'11'%20width%3D'6'%20height%3D'5'%20rx%3D'1'%2F%3E%3Cpath%20d%3D'M10.2%2011V9.6a1.8%201.8%200%200%201%203.6%200V11'%2F%3E%3C%2Fsvg%3E")}
.gold .ic-back{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3.5%2012a8.5%208.5%200%201%200%202.6-6.1'%2F%3E%3Cpath%20d%3D'M3%203.5V8h4.5'%2F%3E%3Cpath%20d%3D'M12%207.5v9M14.6%209.6h-3.3a1.7%201.7%200%200%200%200%203.4h1.4a1.7%201.7%200%200%201%200%203.4H9.4'%2F%3E%3C%2Fsvg%3E")}
.gold .hd,.gold p{position:relative}
.gold p{margin:0;color:#5C584C;line-height:1.65}
.gold.is-hl{background:#2D2D2D;border-color:#2D2D2D;color:#fff}
.gold.is-hl:after{background:#8FD19E}
.gold.is-hl .no{color:#3A3A3A}
.gold.is-hl .ic{background:#39934F}
.gold.is-hl .ic:before{background:#fff}
.gold.is-hl p{color:#D9D6CC}
@media (max-width:600px){
[role="group"][aria-label="Loại tài khoản"]{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important}
[role="group"][aria-label="Loại tài khoản"] .tab{flex-direction:column;justify-content:center;gap:6px;min-height:88px;padding:12px 6px;font-size:13px;line-height:1.25;text-align:center;border-radius:16px}
[data-panel] .g4{display:flex!important;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -24px;padding:4px 24px 14px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
[data-panel] .g4::-webkit-scrollbar{display:none}
[data-panel] .case{flex:0 0 80%;scroll-snap-align:start}
.case>div{padding:16px 18px!important}
.case .hd{font-size:17px!important}
.gold{padding:28px 24px 30px}
.gold .no{font-size:48px}
}