:root{--nen:#FFFDF9;--chu:#253753;--phu:#5E6B80;--xanh:#168FF0;--xanh-g:#0F6FC0;--xanh-dam:#11568F;--xanh-nhat:#E4F3FF;--vien:#E6EDF5;--kem:#FFF5D4}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--nen);color:var(--chu);font:500 17px/1.65 Quicksand,"Segoe UI",system-ui,-apple-system,sans-serif}
a{color:var(--xanh-dam)}img{max-width:100%;height:auto}
.dau{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between;padding:10px 16px;background:#fff;border-bottom:2px solid var(--vien)}
.logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--chu);font-size:20px;min-height:44px}
.dau nav{display:flex;gap:4px;flex-wrap:wrap}.dau nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;border-radius:12px;text-decoration:none;font-weight:700;font-size:15px}
.dau nav a:hover{background:var(--xanh-nhat)}
main{max-width:960px;margin:0 auto;padding:16px 16px 40px}
.vet{font-size:14px;color:var(--phu);margin:4px 0 8px}.vet a{display:inline-flex;align-items:center;min-height:44px}
h1{font-size:30px;line-height:1.2;margin:8px 0 12px}h2{font-size:22px;line-height:1.3;margin:28px 0 10px}
h1,h2,.logo b{font-family:"Baloo 2",Quicksand,"Segoe UI",system-ui,sans-serif;font-weight:700;letter-spacing:-.01em}
.mo{font-size:18px;background:#fff;border:2px solid var(--vien);border-radius:20px;padding:14px 18px;margin:12px 0 4px}
.luoi{list-style:none;padding:0;margin:18px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.tu{background:#fff;border:2px solid var(--vien);border-radius:20px;padding:12px;display:grid;justify-items:center;text-align:center;gap:2px}
.tu img{width:120px;height:120px;object-fit:contain}.tu.neo{border-color:var(--xanh);box-shadow:0 0 0 4px var(--xanh-nhat)}
.goc{font-size:24px;font-weight:700;line-height:1.3}.phien{color:var(--xanh-dam);font-weight:700;font-size:15px}.nghia{color:var(--phu);font-size:15px}
.nghe{margin-top:8px;min-height:44px;min-width:88px;padding:0 16px;border-radius:14px;border:2px solid var(--xanh);background:#fff;color:var(--xanh-dam);font:inherit;font-weight:700;cursor:pointer}
.nghe:active{background:var(--xanh-nhat)}
.cau{list-style:none;padding:0;display:grid;gap:10px}.cau li{background:#fff;border:2px solid var(--vien);border-radius:16px;padding:12px 14px;display:grid}
.cau span{font-size:19px;font-weight:700}.cau small{color:var(--xanh-dam);font-size:14px}.cau em{color:var(--phu);font-style:normal}
.meo li,.buoc li{margin:6px 0}
.lk{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}.lk a,.the-cd a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;background:#fff;border:2px solid var(--vien);text-decoration:none;font-weight:700}
.the-cd{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.the-cd a{border-radius:18px;display:grid;padding:14px 16px;min-height:72px}.the-cd span{color:var(--phu);font-weight:600;font-size:15px}
.cta{margin:28px 0}.nut{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 28px;border-radius:18px;background:#CDE6F8;color:var(--xanh-dam);text-decoration:none;font-weight:800;font-size:18px;box-shadow:0 5px 0 #9CC8E8}
.nut:active{transform:translateY(4px);box-shadow:0 1px 0 #9CC8E8}
.hoi{display:grid;gap:12px;margin:12px 0}.hoi dt{font-weight:700;background:#fff;border:2px solid var(--vien);border-bottom:0;border-radius:18px 18px 0 0;padding:14px 16px 2px;margin:0}
.hoi dd{background:#fff;border:2px solid var(--vien);border-top:0;border-radius:0 0 18px 18px;padding:2px 16px 14px;margin:-12px 0 0;color:var(--chu)}
.nguon{font-size:15px;color:var(--phu)}
.chan{border-top:2px solid var(--vien);background:#fff;padding:18px 16px 28px;text-align:center;font-size:15px;color:var(--phu)}.chan a{display:inline-block;padding:10px 4px}
@media (min-width:768px){h1{font-size:38px}main{padding:24px 24px 56px}.luoi{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}
@media (prefers-reduced-motion:reduce){.nut:active{transform:none}}