@font-face{font-family:Lora;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/lora-latin-400-normal.DnxXpLNu.woff2)format("woff2"),url(/_astro/lora-latin-400-normal.DBJS-Hc6.woff)format("woff")}@font-face{font-family:Lora;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/lora-vietnamese-400-normal.BxA6xcFr.woff2)format("woff2"),url(/_astro/lora-vietnamese-400-normal.DlgyXXxo.woff)format("woff")}@font-face{font-family:Lora;font-style:italic;font-display:swap;font-weight:400;src:url(/_astro/lora-latin-400-italic.DYjZp4sZ.woff2)format("woff2"),url(/_astro/lora-latin-400-italic.wRLkZNVE.woff)format("woff")}@font-face{font-family:Lora;font-style:italic;font-display:swap;font-weight:400;src:url(/_astro/lora-vietnamese-400-italic.DFs7jfwN.woff2)format("woff2"),url(/_astro/lora-vietnamese-400-italic.DGRK7mLs.woff)format("woff")}@font-face{font-family:Lora;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/lora-latin-700-normal.BHK4Pzk4.woff2)format("woff2"),url(/_astro/lora-latin-700-normal.Yfa97ytg.woff)format("woff")}@font-face{font-family:Lora;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/lora-vietnamese-700-normal.BHDzxyiD.woff2)format("woff2"),url(/_astro/lora-vietnamese-700-normal.DyKKCAD2.woff)format("woff")}@font-face{font-family:Quicksand;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/quicksand-latin-400-normal.BSDtH9U0.woff2)format("woff2"),url(/_astro/quicksand-latin-400-normal.BqXBKzPR.woff)format("woff")}@font-face{font-family:Quicksand;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/quicksand-vietnamese-400-normal.CYVZRxRj.woff2)format("woff2"),url(/_astro/quicksand-vietnamese-400-normal.D4WCpyCa.woff)format("woff")}@font-face{font-family:Quicksand;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/quicksand-latin-600-normal.DTBPeRoM.woff2)format("woff2"),url(/_astro/quicksand-latin-600-normal.CkxN0sDw.woff)format("woff")}@font-face{font-family:Quicksand;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/quicksand-vietnamese-600-normal.dD2kotB2.woff2)format("woff2"),url(/_astro/quicksand-vietnamese-600-normal.JmvBH-hY.woff)format("woff")}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/playfair-display-latin-700-normal.CuDiGg7c.woff2)format("woff2"),url(/_astro/playfair-display-latin-700-normal.Bc_1Q1cG.woff)format("woff")}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/playfair-display-vietnamese-700-normal.CaKJSIny.woff2)format("woff2"),url(/_astro/playfair-display-vietnamese-700-normal.Cr1rw0mr.woff)format("woff")}:root{--paper:#f2fbff;--surface:#fdfdfd;--sunken:#e1eff8;--ink:#12293b;--ink-2:#3b5266;--ink-3:#52687b;--line:#d2e5f0;--line-control:#6a8396;--brand:#1770a1;--brand-soft:#dff0fb;--brand-text:#0f5f8c;--action:#8dc7eb;--action-ink:#0c2233;--blush:#ffc5c5;--deep:#12293b;--on-deep:#e4f2fb;--on-deep-2:#a9c3d6;--on-deep-link:#bfe3f7;--shadow:0 1px 2px #12293b14, 0 6px 18px #12293b0f;--font-ui:Quicksand, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-body:Lora, Georgia, Cambria, "Times New Roman", serif;--font-display:"Playfair Display", Georgia, "Times New Roman", serif;--radius-control:8px;--radius-card:12px;--ease:cubic-bezier(.22, .61, .36, 1);color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:16px}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow-wrap:break-word;margin:0;font-size:1.0625rem;line-height:1.75}@media (width>=640px){body{font-size:1.125rem}}p{text-align:justify;text-justify:inter-word;hyphens:auto}img,video{max-width:100%;height:auto}a{color:var(--brand-text);text-underline-offset:.18em;text-decoration-thickness:.08em}a:hover{text-decoration-thickness:.14em}:focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:6px}::selection{background:color-mix(in srgb, var(--brand) 30%, var(--paper))}.skip-link{z-index:10;background:var(--surface);border:1px solid var(--line-control);border-radius:var(--radius-control);padding:10px 16px;position:absolute;top:-64px;left:16px}.skip-link:focus{top:12px}.wrap{width:100%;max-width:68rem;padding-inline:max(16px, env(safe-area-inset-left)) max(16px, env(safe-area-inset-right));margin-inline:auto}.site-header{z-index:2;background:var(--surface);box-shadow:0 1px 0 var(--line), 0 8px 24px #12293b12;view-transition-name:site-header;position:relative}.site-header .wrap{justify-content:space-between;align-items:center;gap:12px;min-height:64px;display:flex}.brand{min-height:44px;color:var(--ink);font-family:var(--font-display);letter-spacing:.01em;align-items:center;gap:10px;font-size:1.1875rem;font-weight:700;text-decoration:none;display:inline-flex}.brand img{border-radius:8px}.brand small{color:var(--ink-3);font-family:var(--font-ui);letter-spacing:.04em;text-transform:uppercase;font-size:.875rem;font-weight:600}.nav-link,.btn,.eyebrow,.meta,.breadcrumb,.site-footer,.skip-link,.draft-banner,.transcript summary,figcaption,.prose table,.post-item .post-date,.post-item .post-more{font-family:var(--font-ui)}.site-nav{align-items:center;gap:4px;display:flex}.nav-link{min-height:44px;color:var(--ink);align-items:center;padding-inline:12px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.nav-link:hover,.nav-link[aria-current=page]{text-decoration:underline;text-decoration-color:var(--brand);text-decoration-thickness:.14em}.btn{border-radius:var(--radius-control);text-align:center;min-height:44px;transition:background-color .35s var(--ease), border-color .35s var(--ease), filter .35s var(--ease);border:1px solid #0000;justify-content:center;align-items:center;padding:0 18px;font-size:1rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.btn-action{background:var(--action);color:var(--action-ink)}.btn-action:hover{filter:brightness(.95)}.btn-quiet{background:var(--surface);border-color:var(--line-control);color:var(--ink)}.btn-quiet:hover{background:var(--sunken)}.brand span,.site-header .nav-link,.site-header .btn{white-space:nowrap}@media (width<=419px){.site-header .wrap{gap:8px}.brand small{display:none}.site-header .nav-link{padding-inline:8px}.site-header .btn{padding-inline:14px}}.site-footer{background:var(--deep);color:var(--on-deep-2);margin-top:72px;padding-block:36px 44px;font-size:.9375rem}.site-footer ul{flex-wrap:wrap;gap:4px 24px;margin:0 0 20px;padding:0;list-style:none;display:flex}.site-footer a{min-height:36px;color:var(--on-deep-link);align-items:center;display:inline-flex}.site-footer ul a{color:var(--on-deep);font-weight:600}.site-footer p{text-align:left;margin:0 0 6px}.site-footer p:last-child{border-top:1px solid #e4f2fb2e;margin-top:14px;padding-top:14px}main{padding-top:32px;display:block}.eyebrow{color:var(--ink-3);letter-spacing:.08em;text-align:left;text-transform:uppercase;margin:0 0 12px;font-size:.875rem;font-weight:600}.rule{background:var(--brand);width:56px;height:2px;margin:20px 0}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;font-weight:700;line-height:1.25}h1{letter-spacing:-.01em;margin:0;font-size:clamp(2rem,5.5vw,3rem);line-height:1.18}.lead{color:var(--ink-2);margin:0;font-size:1.1875rem}.meta{color:var(--ink-3);text-align:left;margin:0;font-size:.875rem}.section{margin-top:72px}.section>h2{margin:0 0 24px;font-size:1.625rem}.card{border:1px solid var(--line);border-top:3px solid var(--brand);background:var(--surface);box-shadow:var(--shadow);transition:transform .5s var(--ease), box-shadow .5s var(--ease);border-radius:4px;padding:28px 24px 24px;position:relative}.card:hover{transform:translateY(-3px);box-shadow:0 2px 4px #12293b0f,0 14px 32px #12293b1a}.card-icon{background:var(--brand-soft);width:48px;height:48px;color:var(--brand);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:inline-flex}.card-icon .icon{width:24px;height:24px}.card h3{margin:0 0 12px;font-size:1.25rem}.card p{color:var(--ink-2);margin:0;font-size:1rem}.card h3 a{color:var(--ink);text-decoration:none}.card h3 a:after{content:"";position:absolute;inset:0}.card:focus-within{outline:3px solid var(--brand);outline-offset:2px}.card h3 a:focus-visible{outline:none}.grid{gap:20px;display:grid}.more{font-family:var(--font-ui);margin:28px 0 0;font-size:1rem;font-weight:600}.post-list{gap:24px;margin:0;padding:0;list-style:none;display:grid}.post-item{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow);transition:transform .5s var(--ease), box-shadow .5s var(--ease);display:grid;position:relative;overflow:hidden}.post-item:hover{transform:translateY(-3px);box-shadow:0 2px 4px #12293b0f,0 14px 32px #12293b1a}.post-thumb{background:var(--sunken)}.post-thumb img{aspect-ratio:1200/630;object-fit:cover;width:100%;display:block}.post-body{align-content:center;gap:10px;padding:22px 22px 24px;display:grid}.post-item .post-date{color:var(--ink-3);letter-spacing:.06em;text-align:left;text-transform:uppercase;margin:0;font-size:.875rem;font-weight:600}.post-item h3{margin:0;font-size:clamp(1.3125rem,2.6vw,1.625rem);line-height:1.28}.post-item h3 a{color:var(--ink);background:linear-gradient(var(--brand), var(--brand)) 0 100% / 0 2px no-repeat;transition:background-size .6s var(--ease), color .4s var(--ease);padding-bottom:2px;text-decoration:none}.post-item h3 a:after{content:"";position:absolute;inset:0}.post-item:hover h3 a{color:var(--brand-text);background-size:100% 2px}.post-item:focus-within{outline:3px solid var(--brand);outline-offset:3px}.post-item h3 a:focus-visible{outline:none}.post-item .post-desc{color:var(--ink-2);margin:0;font-size:1.0625rem;line-height:1.7}.post-item .post-more{color:var(--brand-text);text-align:left;align-items:center;gap:8px;margin:4px 0 0;font-size:.9375rem;font-weight:600;display:inline-flex}.post-item .post-more span{transition:transform .5s var(--ease);display:inline-block}.post-item:hover .post-more span{transform:translate(6px)}@media (width>=760px){.post-item:has(.post-thumb){grid-template-columns:minmax(0,11fr) minmax(0,10fr)}.post-thumb img{aspect-ratio:auto;height:100%;min-height:15rem}.post-body{gap:12px;padding:28px 32px}}.article .post-list{gap:20px;margin-top:20px}.article .post-item:has(.post-thumb){grid-template-columns:minmax(0,1fr)}.article .post-thumb img{aspect-ratio:1200/630;height:auto;min-height:0}.article .post-body{padding:20px 22px 22px}.article .post-item h3{font-size:1.375rem}.page-head{max-width:44rem;margin-bottom:8px}.page-head .lead{margin-top:0}.page-head+.section{margin-top:48px}@media (width>=720px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}}.hero{isolation:isolate;align-items:center;gap:32px;display:grid;position:relative}.hero:before,.hero:after{content:"";z-index:-1;pointer-events:none;border-radius:50%;position:absolute}.hero:before{aspect-ratio:1;background:radial-gradient(circle at 40% 40%, color-mix(in srgb, var(--action) 55%, transparent), transparent 68%);width:min(420px,70vw);top:-40px;right:-6%}.hero:after{aspect-ratio:1;background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--blush) 60%, transparent), transparent 70%);width:min(300px,50vw);bottom:-60px;right:22%}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.hero-shots{aspect-ratio:1/1.27;justify-self:center;width:min(100%,22rem);margin:0;position:relative}.hero-shots img{border:1px solid var(--line);background:var(--surface);border-radius:18px;height:auto;display:block;position:absolute;box-shadow:0 2px 4px #12293b14,0 18px 40px #12293b29}.shot-ngay{z-index:3;width:52%;top:0;left:24%}.shot-chia-se{z-index:1;width:44%;top:13%;left:0;transform:rotate(-7deg)}.shot-lich{z-index:2;width:44%;top:22%;right:0;transform:rotate(7deg)}.hero-shots figcaption{color:var(--ink-3);text-align:center;margin:0;font-size:.875rem;position:absolute;bottom:-30px;left:0;right:0}@media (width>=860px){.hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px}.hero-shots{justify-self:end;width:min(100%,27rem)}}.article{max-width:42rem;margin-inline:auto}.breadcrumb{color:var(--ink-3);flex-wrap:wrap;gap:4px 8px;margin:0 0 16px;padding:0;font-size:.875rem;list-style:none;display:flex}.breadcrumb li:not(:last-child):after{content:"›";margin-left:8px}.breadcrumb a{color:var(--ink-2)}.article header .meta{margin-top:12px}.article-cover{border:1px solid var(--line);border-radius:var(--radius-card);width:100%;height:auto;box-shadow:var(--shadow);margin-top:24px;display:block}.draft-banner{border:1px solid var(--line-control);border-radius:var(--radius-control);background:var(--sunken);margin:0 0 16px;padding:12px 16px;font-size:.9375rem}.prose{margin-top:24px}.prose>:first-child{border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:var(--radius-card);background:var(--brand-soft);color:var(--ink);margin-top:0;padding:44px 22px 20px;font-size:1.1875rem;position:relative}.prose>:first-child:before{content:"Trả lời nhanh";color:var(--brand-text);font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;font-size:.875rem;font-weight:600;position:absolute;top:14px;left:22px}.prose p,.prose ul,.prose ol{margin:1em 0}.prose ul,.prose ol{padding-left:1.4em}.prose li{text-align:justify;text-justify:inter-word;hyphens:auto;margin:.4em 0}.prose{counter-reset:section}.prose>h2:before{counter-increment:section;content:counter(section, decimal-leading-zero);color:var(--brand-text);font-family:var(--font-ui);letter-spacing:.12em;margin-bottom:4px;font-size:.875rem;font-weight:600;display:block}.prose h2{border-top:1px solid var(--line);margin:2.4em 0 .6em;padding-top:.9em;font-size:1.625rem}.prose h3{margin:1.8em 0 .5em;font-size:1.3125rem}.prose strong{font-weight:700}.prose blockquote{border-left:4px solid var(--brand);color:var(--ink-2);margin:1.4em 0;padding:4px 0 4px 16px}.prose code{background:var(--sunken);border-radius:6px;padding:1px 6px;font-size:.92em}.prose table{border-collapse:collapse;width:100%;margin:1.4em 0;font-size:.9375rem}.prose th,.prose td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:8px 10px}.prose th{border-bottom:2px solid var(--line-control);font-weight:700}.prose figure{margin:1.6em 0}.prose .limits{border:1px solid var(--line-control);border-left:4px solid var(--brand);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow);margin:2.4em 0 0;padding:4px 24px 12px}.prose .limits h2{border-top:0;margin-top:.9em;padding-top:0;font-size:1.375rem}.prose .limits h2:before{content:"Cần biết";color:var(--brand-text);font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;font-size:.875rem;font-weight:600;display:block}.prose figure img{border:1px solid var(--line);border-radius:var(--radius-card);width:100%;height:auto;margin-inline:auto;display:block}.prose figure img[src$=\.svg]{width:min(100%,30rem)}.prose figure.tall img{width:min(100%,20rem)}.prose figcaption,.video figcaption{color:var(--ink-2);text-align:center;margin-top:8px;font-size:.875rem}.prose .video{max-width:20rem;margin:1.6em auto}.video video{aspect-ratio:9/16;background:#000;border-radius:16px;width:100%;display:block}.transcript{margin-top:8px;font-size:.9375rem}.transcript summary{cursor:pointer;min-height:44px;color:var(--brand-text);align-items:center;font-weight:600;display:flex}.transcript ol{color:var(--ink-2);margin:0;padding-left:1.4em}.faq{margin-top:56px}.faq h2{border-top:1px solid var(--line);margin:0 0 .4em;padding-top:.9em;font-size:1.625rem}.faq h3{margin:1.6em 0 .4em;font-size:1.1875rem}.faq p{margin:0}.cta{border:1px solid var(--line);border-top:3px solid var(--brand);background:var(--brand-soft);border-radius:4px;margin-top:56px;padding:32px 28px}.cta h2{margin:0 0 10px;font-size:1.5rem}.cta p{margin:0 0 20px}.related{margin-top:64px}.related h2{margin:0 0 8px;font-size:1.5rem}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::view-transition-group(root){animation-duration:.7s;animation-timing-function:var(--ease)}::view-transition-old(root){animation:page-out .45s var(--ease) both}::view-transition-new(root){animation:page-in .75s var(--ease) .12s both}::view-transition-group(site-header){animation-duration:0s}@supports not (view-transition-name:none){main{animation:page-in .8s var(--ease) both}}html{scroll-behavior:smooth}}@keyframes page-out{to{opacity:0;transform:translateY(-6px)}}@keyframes page-in{0%{opacity:0;transform:translateY(14px)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
