@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700;800;900&family=Noto+Sans+SC:wght@400;500;700;800&display=swap";:root{--bg:#fbfaf5;--gold:#d6b464;--ink:#17201e;--line:#dde3d8;--muted:#5d6964;--font-primary:"Be Vietnam Pro", "Inter", "Noto Sans", "Noto Sans SC", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--ink);background:var(--bg);font-family:var(--font-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100svh;margin:0}button{font:inherit}img{max-width:100%}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a1813d1;border:1px solid #ffffff2e;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;width:min(1180px,100% - 24px);min-height:58px;padding:8px 10px;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #09120f47}.brand{color:#fffaf0;align-items:center;gap:10px;min-width:0;font-weight:800;text-decoration:none;display:inline-flex}.brand img{background:#fffaf0f0;border:1px solid #ffffff3d;border-radius:50%;flex:none;width:38px;height:38px}.brand span{color:#fffaf0;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.1;overflow:hidden}.nav__actions{align-items:center;gap:8px;display:flex}.nav__links{display:none}.nav__links a{color:#fffaf0d6;white-space:nowrap;border-radius:999px;align-items:center;min-height:36px;font-size:13px;font-weight:750;line-height:1;text-decoration:none;display:inline-flex}.nav__links a:hover,.nav__links a:focus-visible,.nav__links a.is-active{color:#fffaf0}.locale-switcher{background:#fffaf01a;border:1px solid #fffaf03d;border-radius:12px;grid-template-columns:repeat(3,minmax(34px,auto));gap:2px;padding:3px;display:inline-grid}.locale-switcher button{color:#fffaf0d1;cursor:pointer;letter-spacing:0;background:0 0;border:0;border-radius:9px;min-width:34px;min-height:32px;padding:0 8px;font-size:12px;font-weight:850}.locale-switcher button:hover,.locale-switcher button:focus-visible,.locale-switcher button.is-active{color:#14201a;background:var(--gold)}.hero{color:#fffaf0;background:linear-gradient(180deg, #0a15111a, #0a1511bd), linear-gradient(90deg, #0a1511e0, #0a151170 56%, #0a15112e), var(--hero-image) center / cover;align-items:end;min-height:76svh;padding:112px 18px 46px;display:grid;position:relative}.hero__content{width:min(820px,100%)}.eyebrow,.section__label{color:var(--gold);letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:12px;font-weight:850}.hero h1,h2,h3{font-family:var(--font-primary);letter-spacing:0;margin:0}.hero h1{color:#fffaf0;max-width:860px;margin-top:14px;font-size:clamp(44px,9vw,84px);font-weight:800;line-height:1.02}.hero__copy{color:#fffaf0e6;max-width:690px;margin:20px 0 0;font-size:clamp(16px,2.2vw,19px);line-height:1.72}.hero__actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.button{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-size:14px;font-weight:850;text-decoration:none;display:inline-flex}.button--primary{background:var(--gold);color:#14201a}.button--primary:hover,.button--primary:focus-visible{background:#efd58a}.button--secondary{color:#fffaf0;background:#fffaf014;border-color:#fffaf085}.button--secondary:hover,.button--secondary:focus-visible{background:#fffaf029}.stats-panel{z-index:2;background:#fffaf038;border:1px solid #fffaf02e;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;width:min(1180px,100% - 36px);margin:-28px auto 0;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 60px #232a221f}.stats-panel div{background:#fffaf5;min-height:112px;padding:18px}.stats-panel strong,.stats-panel span{display:block}.stats-panel strong{color:var(--ink);font-size:clamp(22px,3vw,30px);font-weight:850;line-height:1.12}.stats-panel span{color:var(--muted);margin-top:7px;font-size:13px;line-height:1.45}.section{padding:72px 18px}.section--muted{background:#f3f0e8}.intro,.section__header,.route-grid,.card-grid,.note>div,.contact-band,.footer{width:min(1180px,100%);margin-inline:auto}.intro__grid,.contact-band{gap:28px;display:grid}.section__header{margin-bottom:28px}h2{color:var(--ink);margin-top:10px;font-size:clamp(30px,5vw,52px);font-weight:800;line-height:1.12}h3{color:var(--ink);font-size:22px;font-weight:800;line-height:1.2}p{color:var(--muted);margin:0;line-height:1.75}.intro__grid p,.section__header p,.contact-band__copy p,.note p{margin-top:18px;font-size:17px}.route-grid,.card-grid{gap:16px;display:grid}.route-card,.feature-card,.contact__details a,.contact__details div{border:1px solid var(--line);background:#fffaf5;border-radius:10px;box-shadow:0 12px 36px #232a220f}.route-card{align-content:start;gap:14px;min-height:220px;padding:22px;display:grid}.text-link{color:#6f5724;align-self:end;font-weight:850;text-decoration:none}.text-link:hover,.text-link:focus-visible{text-decoration:underline}.feature-card{overflow:hidden}.feature-card img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.feature-card>div{padding:22px}.feature-card p{margin-top:12px}.note{color:#fffaf0;background:linear-gradient(135deg,#17201ef2,#2a372eeb),url(/legacy/cay-phuc-lien.jpg) 50%/cover}.note h2,.note p{color:#fffaf0}.note p{color:#fffaf0d1;max-width:780px}.note .button{margin-top:24px}.contact-band{align-items:start}.contact__details{gap:12px;display:grid}.contact__details a,.contact__details div{padding:18px;text-decoration:none;display:block}.contact__details span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:850;display:block}.contact__details strong{color:var(--ink);margin-top:6px;font-size:17px;line-height:1.45;display:block}.footer{border-top:1px solid var(--line);color:var(--muted);flex-direction:column;gap:8px;padding:28px 18px 40px;font-size:14px;display:flex}@media (width<=520px){.site-header{border-radius:14px;align-items:flex-start;width:calc(100% - 16px);top:8px}.brand span{max-width:112px}.locale-switcher{grid-template-columns:repeat(3,minmax(30px,auto))}.locale-switcher button{min-width:30px;padding:0 6px}}@media (width>=760px){.site-header{border-radius:999px;padding:9px 12px;top:18px}.brand span{font-size:15px}.nav__links{align-items:center;gap:16px;display:flex}.hero{min-height:82svh;padding:132px 40px 62px}.hero__content,.intro,.section__header,.route-grid,.card-grid,.note>div,.contact-band{width:min(1180px,100%)}.section{padding:96px 40px}.stats-panel{grid-template-columns:repeat(4,minmax(0,1fr));width:min(1180px,100% - 80px)}.intro__grid,.contact-band{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:60px}.route-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer{flex-direction:row;justify-content:space-between;padding-inline:40px}}@media (width>=1120px){.nav__links{gap:22px}.card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
