:root{--hong:#b8245a;--hong2:#a93463;--dam:#6e1a3c;--nen:#fff7f9;--nhat:#fdecf1;--chu:#33222a;--mo:#6b5560;--vien:#f3d6e0;--do:#d7141a;--vang:#ffd84a}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--nen);color:var(--chu);font:16px/1.65 Roboto,system-ui,sans-serif;padding-bottom:72px}
img{display:block;max-width:100%;height:auto;border-radius:12px}
a{color:var(--hong)}
h1,h2,h3{margin:0 0 .5em;color:var(--dam);line-height:1.2;font-family:Oswald,Roboto,sans-serif;font-weight:600;letter-spacing:.01em}
h1{font-size:clamp(30px,4.6vw,46px)}h1 em{display:block;margin-top:.25em;font-style:normal;font-size:.62em;color:var(--hong)}
h2{font-size:clamp(25px,3.2vw,34px)}h3{font-size:20px}
figure{margin:0}figcaption{padding:8px 2px 0;font-size:14px;line-height:1.4;color:var(--mo)}
.khung{max-width:1120px;margin:0 auto;padding:0 18px}
.khoi{padding:44px 0}.khoi.nhat{background:var(--nhat)}.khoi.dam{background:linear-gradient(180deg,#a93463,#6e1a3c);color:#fff}.khoi.dam h2{color:#fff}
.giua{text-align:center}.giua-nut{margin:22px 0 0;text-align:center}
.hai-cot{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.an{position:absolute;left:-9999px}.nho{font-size:14px;color:var(--mo)}.mo{font-size:18px}
.han{display:block;font:500 14px/1.5 "Noto Serif KR",serif;letter-spacing:.14em;color:#b3261e;margin-bottom:4px}
.han-tieu{display:flex;align-items:center;gap:8px}.khung>.han-tieu{justify-content:center}
.dan-cheong{height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='16' viewBox='0 0 48 16'%3E%3Crect width='48' height='16' fill='%2317645c'/%3E%3Crect y='0' width='48' height='2' fill='%23c8342b'/%3E%3Crect y='14' width='48' height='2' fill='%23c8342b'/%3E%3Cpath d='M24 3l6 5-6 5-6-5z' fill='%23c8342b' stroke='%23fff' stroke-width='.8'/%3E%3Ccircle cx='24' cy='8' r='1.6' fill='%23f4c542'/%3E%3Cpath d='M0 3l6 5-6 5M48 3l-6 5 6 5' fill='%23f4c542' stroke='%23fff' stroke-width='.8'/%3E%3Ccircle cx='12' cy='8' r='1.5' fill='%23fff'/%3E%3Ccircle cx='36' cy='8' r='1.5' fill='%23fff'/%3E%3C/svg%3E") center/48px 16px repeat-x}
.han-tieu:before,.han-tieu:after{content:"";width:13px;height:13px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-10 -10 20 20'%3E%3Cpath d='M-9 0a9 9 0 0 1 18 0z' fill='%23cd2e3a'/%3E%3Cpath d='M-9 0a9 9 0 0 0 18 0z' fill='%230047a0'/%3E%3Ccircle cx='-4.5' r='4.5' fill='%23cd2e3a'/%3E%3Ccircle cx='4.5' r='4.5' fill='%230047a0'/%3E%3C/svg%3E") center/contain no-repeat}
.han-tieu:before,.han-tieu:after{width:13px;height:13px}
.dau{position:sticky;top:0;z-index:30;background:linear-gradient(180deg,#a93463,#7a1c43);border-bottom:2px solid #e9b44c;box-shadow:0 4px 14px rgba(0,0,0,.22)}
.dau-in{display:flex;align-items:center;gap:16px;min-height:62px}
.logo{display:flex;align-items:center;gap:10px;flex:none;color:#fff;text-decoration:none;font:600 16px Oswald,sans-serif;text-transform:uppercase}
.logo img{width:96px;padding:5px 8px;background:#fff;border-radius:8px}
.nav{display:flex;gap:16px;margin-left:auto}.nav a{color:#fff;text-decoration:none;font-weight:500;font-size:15px;padding:4px 0;border-bottom:2px solid transparent}
.nav a:hover,.nav a[aria-current]{border-color:var(--vang)}
.goi{flex:none;padding:8px 14px;border-radius:30px;background:linear-gradient(180deg,#ffe066,#ffc21a);color:#a70d12;font:700 17px Oswald,sans-serif;text-decoration:none;box-shadow:0 3px 0 #b36b00}
.menu{display:none;position:relative}.menu summary{list-style:none;cursor:pointer;display:grid;gap:4px;padding:8px}.menu summary::-webkit-details-marker{display:none}.menu i{display:block;width:24px;height:3px;border-radius:2px;background:#fff}
.menu nav{position:absolute;right:0;top:44px;display:grid;min-width:210px;padding:8px;background:#fff;border-radius:12px;box-shadow:0 14px 34px rgba(0,0,0,.28)}
.menu nav a{padding:11px 12px;color:var(--dam);font-weight:500;text-decoration:none;border-radius:8px}.menu nav a[aria-current]{background:var(--nhat)}
.vun{max-width:1120px;margin:0 auto;padding:14px 18px 0;font-size:14px;color:var(--mo)}.vun a{color:var(--mo)}
.hero{background:linear-gradient(180deg,#fde3ec,var(--nen))}.hero-in{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center;padding-top:36px;padding-bottom:36px}
.hero-anh{position:relative}.hero-anh img{border-radius:18px;box-shadow:0 18px 40px -22px rgba(110,26,60,.7)}
.an-do{position:absolute;right:12px;top:12px;display:grid;grid-template-columns:1fr 1fr;width:62px;height:62px;padding:5px;border:3px solid #fff;border-radius:6px;background:#b3261e;color:#fff;font:700 19px/25px "Noto Serif KR",serif;text-align:center;transform:rotate(4deg);box-shadow:0 5px 12px rgba(0,0,0,.35)}
.gia-tu{padding:10px 14px;border-radius:12px;background:#fff;border:1px solid var(--vien);font-weight:500}.gia-tu b{color:var(--hong);font-size:19px}.gia-tu .do{color:var(--do)}
.hang-nut{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.nut{display:inline-block;padding:13px 22px;border:0;border-radius:30px;background:linear-gradient(180deg,#ef3f77,#b8245a);color:#fff;font:600 18px Oswald,sans-serif;text-align:center;text-decoration:none;cursor:pointer;box-shadow:0 4px 0 #861340}
.nut.phu{background:#fff;color:var(--hong);box-shadow:inset 0 0 0 2px var(--hong)}
.nut:disabled{opacity:.6}
.dai-so{background:var(--dam);color:#fff}.so-in{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding-top:18px;padding-bottom:18px;text-align:center}
.so-in b{display:block;font:700 26px/1.1 Oswald,sans-serif;color:var(--vang)}.so-in span{font-size:14px}
.tich{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:10px}.tich li{position:relative;padding-left:28px}.tich li:before{content:"✓";position:absolute;left:0;top:2px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#fbd9e4;color:var(--hong);font-size:12px;font-weight:700}
.luoi-gia{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.the-gia{position:relative;display:flex;flex-direction:column;padding:18px 16px;background:#fff;border:1px solid var(--vien);border-radius:16px;box-shadow:0 10px 22px -18px rgba(110,26,60,.6)}
.the-gia h3{margin:0 0 2px}.the-gia .nut{margin-top:auto;font-size:16px;padding:11px 12px}
.giam{position:absolute;right:12px;top:12px;padding:2px 8px;border-radius:7px;background:var(--do);color:#fff;font-weight:700;font-size:14px}
.phu-gia{margin:0 0 8px;font-size:14px;color:var(--mo)}.gia{margin:0 0 8px;color:var(--do);font:700 25px/1.1 Oswald,sans-serif}.gia del{display:block;margin-top:2px;font:400 14px Roboto,sans-serif;color:var(--mo)}
.qua{margin:0 0 14px;font-size:14px;line-height:1.4}.qua b{color:#b3261e}
.luoi-anh{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.luoi-anh img{width:100%;aspect-ratio:1;object-fit:cover;object-position:50% 25%}
.luoi-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.luoi-3 img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 0;background:#fff;border:1px solid var(--vien)}
.luoi-bai{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.the-bai{display:block;background:#fff;border:1px solid var(--vien);border-radius:14px;overflow:hidden;color:inherit;text-decoration:none}.the-bai img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:0}
.the-bai h3{padding:12px 14px 0;font-size:19px}.the-bai p{margin:0;padding:0 14px 14px;font-size:14px;color:var(--mo)}
.hoi{max-width:820px;margin:0 auto}.hoi details{background:#fff;border:1px solid var(--vien);border-radius:12px;padding:0 16px;margin-bottom:8px}
.hoi summary{position:relative;padding:12px 26px 12px 0;font-weight:700;cursor:pointer;list-style:none}.hoi summary::-webkit-details-marker{display:none}.hoi summary:after{content:"+";position:absolute;right:0;top:7px;font-size:23px;color:var(--hong)}.hoi details[open] summary:after{content:"–"}.hoi details p{margin:0 0 12px;color:#4a3640}
.form{display:grid;gap:10px;padding:20px;background:#fff;border-radius:16px;color:var(--chu);box-shadow:0 18px 40px -24px rgba(0,0,0,.5)}.form h3{margin:0}.form .nho{margin:0}
.form label{display:grid;gap:4px;font-size:14px;font-weight:500}.form input[name]:not([type=checkbox]),.form select{width:100%;min-height:46px;padding:10px 12px;border:1.5px solid var(--vien);border-radius:10px;font:16px Roboto,sans-serif;background:#fff;color:var(--chu)}
.form input:focus,.form select:focus{outline:2px solid var(--hong);outline-offset:1px}
.form .dong-y{display:flex;gap:9px;align-items:flex-start;font-weight:400;font-size:13.5px;line-height:1.45;color:#4a3640}.dong-y input{flex:none;width:20px;height:20px;margin:0;accent-color:var(--hong)}.dong-y span{flex:1;min-width:0}
.form .nut{width:100%}
.khoi.dam .hai-cot{align-items:start}.ben-form{padding-top:6px}.ben-form>p{font-size:17px;color:#ffeaf1}.ben-form .tich{margin:18px 0 20px}.ben-form .tich li{color:#fff}.ben-form .tich b{color:#ffd84a}.ben-form .tich li:before{background:#ffd84a;color:#6e1a3c}.ben-form .sdt{display:inline-block;margin:0 8px 8px 0;padding:11px 20px;border-radius:30px;background:#fff;color:#a02c5a;font:600 18px Oswald,sans-serif;text-decoration:none}.ben-form .sdt.zalo{background:#0068ff;color:#fff}
.kq{margin:0;font-weight:700;font-size:15px}.kq.loi{color:#b3261e}.kq.ok{color:#176b34}
.bang-cuon{overflow-x:auto}.bang{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}.bang th,.bang td{padding:11px 14px;border-bottom:1px solid var(--vien);text-align:left;vertical-align:top}.bang th{color:var(--dam);min-width:130px}
.thanh-phan{padding:14px;background:#fff;border:1px solid var(--vien);border-radius:12px;font-size:15px}
.buoc{padding-left:22px;margin:0}.buoc li{margin:7px 0}.luu-y{padding:20px;background:#fff8ec;border:1px solid #f1ddb7;border-radius:16px}.luu-y h2{font-size:24px}.luu-y ul{padding-left:20px;margin:0}.luat{font-style:italic;font-weight:500}
.bai{max-width:780px}.bai h1{font-size:clamp(28px,4vw,40px)}.bai h2{margin-top:1.3em;font-size:clamp(23px,3vw,28px)}.bai figure{margin:0 0 20px}.bai img{width:100%}.ngay{margin:0 0 6px;font-size:14px;color:var(--mo)}.bai .hoi{margin:0}
.nguon{margin-top:26px;padding:14px 18px;background:#fff;border:1px solid var(--vien);border-radius:12px;font-size:14px}.nguon h2{margin:0 0 6px;font-size:18px}.nguon ul{margin:0;padding-left:18px}
.ket-bai{margin-top:24px;padding:18px;background:var(--nhat);border-radius:14px}.ket-bai p{margin:0}
.chan{background:#fbe6ec;padding:30px 0;font-size:15px}.chan-in{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:26px}.chan h2{font-size:19px}.chan p{margin:0 0 6px}
.noi{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:rgba(110,26,60,.97)}
.noi a{flex:1;padding:11px 6px;border-radius:30px;color:#fff;font:600 16px Oswald,sans-serif;text-align:center;text-decoration:none}.noi .g{background:#1aa34a}.noi .z{background:#0068ff}.noi .d{flex:1.3;background:var(--vang);color:#5a2a00}
@media (min-width:901px){.noi{display:none}body{padding-bottom:0}}
@media (max-width:980px){.nav{display:none}.menu{display:block}.goi{margin-left:auto}.luoi-gia{grid-template-columns:1fr 1fr}.logo span{display:none}}
@media (max-width:760px){.khoi{padding:32px 0}.hai-cot,.hero-in{grid-template-columns:1fr;gap:22px}.hero-anh{order:-1}.hero-in{padding-top:0}.hero-anh{margin:0 -18px}.hero-anh img{border-radius:0}.so-in{grid-template-columns:1fr 1fr}.luoi-anh{grid-template-columns:1fr 1fr}.luoi-3{grid-template-columns:1fr 1fr}.luoi-bai{grid-template-columns:1fr}.chan-in{grid-template-columns:1fr}.goi{font-size:15px;padding:7px 11px}.mo{font-size:17px}}
@media (max-width:460px){.luoi-gia{grid-template-columns:1fr}.hang-nut .nut{flex:1 1 100%}.logo img{width:82px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}