@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/inter-latin.3100e775e8.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/inter-vietnamese.5c66f9e07e.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}:root {--xanh: #2E7D32;--xanh-dam: #1B5E20;--xanh-sang: #4CAF50;--xanh-nen: #F1F8E9;--xanh-vien: #C5E1A5;--vang: #F9A825;--vang-nen: #FFF8E1;--muc: #14261A;--phu: #46574C;--vien: #DDE5DA;--trang: #FFFFFF;--bo: 14px;--bong: 0 1px 2px rgba(20, 38, 26, .06), 0 8px 24px rgba(20, 38, 26, .06);}*, *::before, *::after { box-sizing: border-box; }html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }body { margin: 0; background: var(--trang); color: var(--muc); font: 400 17px/1.65 Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }img { max-width: 100%; height: auto; display: block; }a { color: var(--xanh-dam); text-underline-offset: 2px; }a:hover { color: var(--xanh); }h1, h2, h3 { line-height: 1.22; font-weight: 800; letter-spacing: -.015em; margin: 0 0 .5em; text-wrap: balance; }h1 { font-size: clamp(2rem, 1.3rem + 3.2vw, 3.3rem); }h2 { font-size: clamp(1.5rem, 1.2rem + 1.5vw, 2.2rem); }h3 { font-size: 1.15rem; font-weight: 700; letter-spacing: -.005em; }p { margin: 0 0 1em; text-wrap: pretty; }ul, ol { margin: 0 0 1em; padding-left: 1.25em; }:focus-visible { outline: 3px solid var(--vang); outline-offset: 2px; border-radius: 4px; }section[id] { scroll-margin-top: 76px; }.khung { width: 100%; max-width: 1140px; margin: 0 auto; padding: 0 20px; }.khung-hep { max-width: 780px; }.giua { text-align: center; }.bo-qua { position: absolute; left: -9999px; top: 0; background: var(--muc); color: #fff; padding: 8px 14px; z-index: 30; }.bo-qua:focus { left: 8px; top: 8px; color: #fff; }.dai-xem-truoc { margin: 0; background: var(--vang); color: var(--muc); text-align: center; font-weight: 600; padding: 6px 12px; font-size: .9rem; }.dai-nhap { background: var(--vang-nen); border: 1px solid var(--vang); border-radius: var(--bo); padding: 12px 16px; }.nut { display: inline-block; padding: .55em 1.05em; border-radius: 10px; border: 2px solid transparent; font-weight: 700; font-size: .95rem; line-height: 1.3; text-align: center; text-decoration: none; cursor: pointer; font-family: inherit; }.nut-to { font-size: 1.03rem; padding: .72em 1.3em; }.nut-chinh { background: var(--xanh); color: #fff; }.nut-chinh:hover { background: var(--xanh-dam); color: #fff; }.nut-vien { border-color: var(--xanh); color: var(--xanh-dam); background: var(--trang); }.nut-vien:hover { background: var(--xanh-nen); color: var(--xanh-dam); }.nut-trang { background: #fff; color: var(--xanh-dam); }.nut-trang:hover { background: var(--vang-nen); color: var(--xanh-dam); }.nut-vien-trang { border-color: #fff; color: #fff; }.nut-vien-trang:hover { background: rgba(255, 255, 255, .14); color: #fff; }.link-them { font-weight: 700; }.link-them::after { content: " →"; }.dau { position: sticky; top: 0; z-index: 20; background: rgba(255, 255, 255, .97); border-bottom: 1px solid var(--vien); }.dau-trong { display: flex; align-items: center; gap: 22px; min-height: 64px; }.thuong-hieu { display: flex; align-items: center; gap: 10px; font-weight: 800; color: var(--muc); text-decoration: none; letter-spacing: -.01em; white-space: nowrap; }.thuong-hieu img { border-radius: 9px; }.menu-rong { display: flex; gap: 20px; margin-right: auto; }.menu-rong a { color: var(--muc); text-decoration: none; font-weight: 500; font-size: .96rem; white-space: nowrap; }.menu-rong a:hover { color: var(--xanh); }.dau-nut { display: flex; gap: 10px; flex-shrink: 0; }.menu-gon { display: none; margin-left: auto; }.menu-gon summary { list-style: none; cursor: pointer; padding: 12px 8px; }.menu-gon summary::-webkit-details-marker { display: none; }.ba-gach, .ba-gach::before, .ba-gach::after { display: block; width: 24px; height: 2.5px; background: var(--muc); border-radius: 2px; }.ba-gach { position: relative; }.ba-gach::before, .ba-gach::after { content: ""; position: absolute; left: 0; }.ba-gach::before { top: -7px; }.ba-gach::after { top: 7px; }.menu-gon nav { position: absolute; left: 0; right: 0; top: 100%; background: #fff; border-bottom: 1px solid var(--vien); box-shadow: var(--bong); padding: 8px 20px 18px; display: flex; flex-direction: column; }.menu-gon nav a:not(.nut) { padding: 11px 0; color: var(--muc); text-decoration: none; font-weight: 600; border-bottom: 1px solid var(--vien); }.menu-gon nav .nut { margin-top: 14px; }.hero { background: radial-gradient(640px 420px at 88% 8%, #E6F4C9 0, transparent 70%), var(--xanh-nen); padding: 56px 0 64px; }.hero-luoi { display: grid; grid-template-columns: 1.25fr .75fr; gap: 44px; align-items: center; }.nhan { color: var(--xanh-dam); font-weight: 700; font-size: .92rem; margin-bottom: .7em; }.hero-mo-ta { font-size: 1.14rem; color: var(--phu); max-width: 38em; }.hero-nut { display: flex; flex-wrap: wrap; gap: 12px; margin: 1.5em 0 .8em; }.giua-nut { justify-content: center; }.hero-phu { font-size: .92rem; color: var(--phu); margin-bottom: 1.3em; }.hero-tin { list-style: none; padding: 0; margin: 0; display: grid; gap: 7px; font-weight: 600; font-size: .96rem; }.hero-tin li { padding-left: 1.6em; position: relative; }.hero-tin li::before, .dau-tich li::before { content: "✓"; position: absolute; left: 0; color: var(--xanh); font-weight: 800; }.hero-anh { justify-self: center; width: 100%; max-width: 300px; }.dt { border: 9px solid #17241B; border-radius: 34px; overflow: hidden; background: #17241B; box-shadow: 0 2px 4px rgba(20, 38, 26, .14), 0 22px 48px rgba(20, 38, 26, .2); }.anh-toa-khung { background: #fff; border: 1px solid var(--vien); border-radius: 8px; padding: 12px; box-shadow: var(--bong); max-width: 240px; }.anh-toa-khung.to { max-width: 340px; margin: 0 auto; }.man-web { border: 1px solid var(--vien); border-radius: 12px; overflow: hidden; box-shadow: var(--bong); }.muc { padding: 68px 0; }.muc-nhat { background: var(--xanh-nen); }.muc-mo { color: var(--phu); max-width: 44em; font-size: 1.05rem; margin-bottom: 1.8em; }.luoi-3, .luoi-4 { display: grid; gap: 18px; }.luoi-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }.luoi-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }.muc > .khung > h2 + .luoi-3 { margin-top: 1.5em; }.the { background: #fff; border: 1px solid var(--vien); border-radius: var(--bo); padding: 22px; }.the p:last-child { margin-bottom: 0; }.the p { color: var(--phu); font-size: .98rem; }.the-link { position: relative; transition: border-color .15s, transform .15s; }.the-link:hover { border-color: var(--xanh-sang); transform: translateY(-2px); }.the-link h2 a, .the-link h3 a { color: var(--muc); text-decoration: none; }.the-link h2 a::after, .the-link h3 a::after { content: ""; position: absolute; inset: 0; }.the-nhan { font-size: .84rem !important; font-weight: 600; color: var(--xanh-dam) !important; margin-bottom: .5em; }.the-h { font-size: 1.15rem; font-weight: 700; letter-spacing: -.005em; }.cuon-ngang { display: flex; gap: 22px; overflow-x: auto; scroll-snap-type: x proximity; padding: 8px max(20px, calc((100vw - 1100px) / 2)) 26px; }.the-anh { margin: 0; flex: 0 0 240px; scroll-snap-align: center; }.the-anh figcaption { text-align: center; font-weight: 600; font-size: .95rem; margin-top: 14px; }.hang-anh { display: grid; grid-template-columns: 340px minmax(0, 1fr); gap: 56px; align-items: center; }.hang-anh + .hang-anh { margin-top: 72px; }.hang-anh.dao { grid-template-columns: minmax(0, 1fr) 340px; }.hang-anh.dao > .hang-anh-hinh { order: 2; }.hang-anh.khong-anh { grid-template-columns: minmax(0, 1fr); max-width: 780px; }.hang-anh-hinh .dt { max-width: 280px; margin: 0 auto; }.hang-anh:has(.man-web) { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); }.hang-anh.dao:has(.man-web) { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); }.dau-tich { list-style: none; padding: 0; display: grid; gap: 9px; }.dau-tich li { position: relative; padding-left: 1.6em; }.dau-trang-con { background: var(--xanh-nen); padding: 52px 0 46px; }.dau-trang-con .hero-mo-ta { margin-bottom: 0; }.nhan a { text-decoration: none; }.phan-hoi { padding: 84px 0; }.luu-y { margin-top: 64px; background: var(--vang-nen); border: 1px solid #F3D98B; border-radius: var(--bo); padding: 24px 26px; }.luu-y h2 { font-size: 1.2rem; }.luu-y ul { margin-bottom: 0; display: grid; gap: 7px; }.ba-buoc { list-style: none; counter-reset: b; padding: 0; margin: 1.5em 0 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }.ba-buoc li { counter-increment: b; background: #fff; border: 1px solid var(--vien); border-radius: var(--bo); padding: 22px; }.ba-buoc li::before { content: counter(b); display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: var(--xanh); color: #fff; font-weight: 800; margin-bottom: 12px; }.ba-buoc p { color: var(--phu); margin: 0; font-size: .98rem; }.hoi { border-bottom: 1px solid var(--vien); }.hoi summary { cursor: pointer; font-weight: 700; padding: 15px 28px 15px 0; list-style: none; position: relative; }.hoi summary::-webkit-details-marker { display: none; }.hoi summary::after { content: "+"; position: absolute; right: 4px; top: 11px; font-size: 1.4rem; font-weight: 500; color: var(--xanh); }.hoi[open] summary::after { content: "−"; }.hoi p { color: var(--phu); }.cta { background: var(--xanh-dam); color: #fff; padding: 62px 0; text-align: center; }.cta p { color: #E8F5E9; }.cta-nut { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 1.3em 0 0; }.lien-he-luoi { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 56px; align-items: start; }.lien-he-ds { list-style: none; padding: 0; display: grid; gap: 8px; }.form-lh { background: #fff; border: 1px solid var(--vien); border-radius: var(--bo); padding: 24px; box-shadow: var(--bong); }.form-lh p { margin-bottom: 14px; }.form-lh label { display: block; font-weight: 600; font-size: .94rem; margin-bottom: 5px; }.form-lh input[type=text], .form-lh input[type=tel], .form-lh input[type=email], .form-lh textarea { width: 100%; font: inherit; color: inherit; padding: 10px 12px; border: 1.5px solid #AEBBAF; border-radius: 9px; background: #fff; }.form-lh input:focus, .form-lh textarea:focus { outline: 3px solid var(--xanh-vien); border-color: var(--xanh); }.form-lh button { width: 100%; }.bat-buoc { font-weight: 400; color: var(--phu); font-size: .86rem; }.o-hai { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 14px; }.o-bay { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }.o-dong-y { display: flex; gap: 10px; align-items: flex-start; }.o-dong-y input { width: 20px; height: 20px; flex: 0 0 20px; margin: 3px 0 0; accent-color: var(--xanh); }.o-dong-y label { font-weight: 400; margin: 0; }.van-ban h2, .bai-than h2 { font-size: 1.4rem; margin-top: 1.7em; }.van-ban h2:first-child, .bai-than h2:first-child { margin-top: 0; }.bai-than h3 { margin-top: 1.5em; }.bai-than { padding-top: 40px; padding-bottom: 60px; }.bai-phu { color: var(--phu); font-size: .94rem; margin: 0; }blockquote { margin: 0 0 1em; padding: 12px 18px; background: var(--xanh-nen); border-left: 4px solid var(--xanh); border-radius: 0 10px 10px 0; }blockquote p { margin: 0; }.bang-cuon { overflow-x: auto; margin: 0 0 1.2em; }table { border-collapse: collapse; width: 100%; font-size: .94rem; line-height: 1.5; }th, td { border: 1px solid var(--vien); padding: 9px 11px; text-align: left; vertical-align: top; }th { background: var(--xanh-nen); font-weight: 700; }.chan { background: #14261A; color: #D5DFD6; padding: 54px 0 22px; font-size: .94rem; }.chan a { color: #E8F5E9; }.chan a:hover { color: #fff; }.chan-luoi { display: grid; grid-template-columns: 1.1fr 1.2fr 1fr 1.2fr; gap: 30px; }.chan-ten { display: flex; align-items: center; gap: 9px; font-weight: 800; color: #fff; font-size: 1.04rem; }.chan-ten img { border-radius: 7px; }.chan-tieu-de { font-weight: 700; color: #fff; margin-bottom: .6em; }.chan ul { list-style: none; padding: 0; display: grid; gap: 7px; }.chan-cuoi { border-top: 1px solid #33473A; margin-top: 28px; padding-top: 16px; }.chan-cuoi p { margin: 0; font-size: .86rem; }@media (max-width: 980px) {.menu-rong, .dau-nut { display: none; }.menu-gon { display: block; }.dau-trong { position: relative; }.luoi-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }.luoi-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }.chan-luoi { grid-template-columns: repeat(2, minmax(0, 1fr)); }}@media (max-width: 720px) {body { font-size: 16px; }.hero { padding: 36px 0 46px; }.hero-luoi { grid-template-columns: minmax(0, 1fr); gap: 32px; }.hero-anh { max-width: 62vw; }.muc { padding: 48px 0; }.hang-anh, .hang-anh.dao, .hang-anh:has(.man-web), .hang-anh.dao:has(.man-web), .lien-he-luoi { grid-template-columns: minmax(0, 1fr); gap: 26px; }.hang-anh.dao > .hang-anh-hinh { order: 0; }.hang-anh + .hang-anh { margin-top: 52px; }.hang-anh-hinh .dt { max-width: 62vw; }.ba-buoc, .luoi-3, .luoi-4 { grid-template-columns: minmax(0, 1fr); }.the-anh { flex-basis: 66vw; max-width: 260px; }.o-hai { grid-template-columns: minmax(0, 1fr); }.hero-nut .nut, .cta-nut .nut { flex: 1 1 100%; }.chan-luoi { grid-template-columns: minmax(0, 1fr); }.form-lh { padding: 18px; }}@media (prefers-reduced-motion: reduce) {html { scroll-behavior: auto; }.the-link { transition: none; }}