@font-face{font-family:"NguyenLan Be Vietnam Pro";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/be-vietnam-pro-400.woff") format("woff")}
@font-face{font-family:"NguyenLan Be Vietnam Pro";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/be-vietnam-pro-500.woff") format("woff")}
@font-face{font-family:"NguyenLan Be Vietnam Pro";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/be-vietnam-pro-700.woff") format("woff")}
@font-face{font-family:"NguyenLan Be Vietnam Pro";font-style:normal;font-weight:900;font-display:swap;src:url("fonts/be-vietnam-pro-900.woff") format("woff")}
.nguyenlan-root{--nguyenlan-bg:#f2f1ee;--nguyenlan-ink:#161619;--nguyenlan-muted:#72716e;--nguyenlan-line:rgba(20,20,25,.16);font-family:"NguyenLan Be Vietnam Pro",Arial,sans-serif;color:var(--nguyenlan-ink);background:var(--nguyenlan-bg);overflow:hidden}
.nguyenlan-root[data-theme="dark"]{--nguyenlan-bg:#0b0b0c;--nguyenlan-ink:#f0efec;--nguyenlan-muted:#a19f9a;--nguyenlan-line:rgba(240,239,236,.18)}
.nguyenlan-root *,.nguyenlan-root *::before,.nguyenlan-root *::after{box-sizing:border-box}
.nguyenlan-root a{color:inherit;text-decoration:none}
.nguyenlan-root button{font:inherit;cursor:pointer}
.nguyenlan-root a:focus-visible,.nguyenlan-root button:focus-visible{outline:2px solid #2874ee;outline-offset:4px}



.nguyenlan-button,.nguyenlan-meta,.nguyenlan-marquee{font-family:"NguyenLan Be Vietnam Pro",Arial,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.12em}



.nguyenlan-hero{position:relative;min-height:calc(100svh - 48px);display:grid;place-items:center;isolation:isolate;overflow:hidden}
.nguyenlan-field,.nguyenlan-guides,.nguyenlan-cards{position:absolute;inset:0;width:100%;height:100%}
.nguyenlan-field{z-index:-2;overflow:hidden}
.nguyenlan-card{position:absolute;left:50%;top:50%;border-radius:10px;overflow:hidden;border:1px solid var(--nguyenlan-line);background:var(--nguyenlan-bg);will-change:transform;contain:layout paint style}
.nguyenlan-card img,.nguyenlan-card video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.nguyenlan-card video{opacity:0;transition:opacity .25s}
.nguyenlan-card[data-playing] video{opacity:1}
.nguyenlan-content{position:relative;max-width:752px;width:100%;padding:70px 40px;text-align:center;pointer-events:none}
.nguyenlan-content::before{content:"";position:absolute;inset:-60px -100px;z-index:-1;background:radial-gradient(ellipse,color-mix(in srgb,var(--nguyenlan-bg) 88%,transparent) 5%,color-mix(in srgb,var(--nguyenlan-bg) 66%,transparent) 35%,transparent 70%);pointer-events:none}
.nguyenlan-wordmark{display:flex;align-items:baseline;justify-content:center;white-space:nowrap;position:relative;font-weight:900;font-size:clamp(36px,7vw,94px);line-height:1;letter-spacing:-.055em;text-shadow:0 0 12px var(--nguyenlan-bg),0 5px 30px var(--nguyenlan-bg)}
.nguyenlan-wordmark::before{content:"";position:absolute;inset:-34% -6%;backdrop-filter:blur(12px);mask-image:radial-gradient(closest-side,#000 45%,transparent);z-index:-1}
.nguyenlan-wordmark svg{height:.7em;width:.835em;fill:currentColor;margin-right:.07em}
.nguyenlan-wordmark span{display:inline-block;opacity:1}
.nguyenlan-title{margin:32px 0 0;font-size:clamp(28px,3vw,36px);font-weight:500;letter-spacing:-.03em;line-height:1.05}
.nguyenlan-title em{font-family:"NguyenLan Be Vietnam Pro",Arial,sans-serif;font-weight:400;color:var(--nguyenlan-muted)}
.nguyenlan-description{max-width:448px;margin:16px auto 0;font-size:18px;line-height:1.65;color:var(--nguyenlan-muted)}
.nguyenlan-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}
.nguyenlan-button{pointer-events:auto;min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 24px;border:1px solid var(--nguyenlan-line);background:var(--nguyenlan-bg);font-weight:700;transition:opacity .2s}
.nguyenlan-button--primary{background:var(--nguyenlan-ink);color:var(--nguyenlan-bg)!important}
.nguyenlan-button:hover{opacity:.75}
.nguyenlan-meta{margin-top:28px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;color:var(--nguyenlan-muted);font-size:10px;line-height:1.6}
.nguyenlan-meta a{pointer-events:auto}
.nguyenlan-marquee{overflow:hidden;border-top:1px solid var(--nguyenlan-line);color:var(--nguyenlan-muted)}
.nguyenlan-marquee-track{display:flex;width:max-content;animation:nguyenlan-marquee 36s linear infinite}
.nguyenlan-marquee-group{display:flex;flex-shrink:0;min-width:100vw}
.nguyenlan-marquee-group span{white-space:nowrap;padding:14px 24px}
.nguyenlan-root[data-paused] .nguyenlan-marquee-track{animation-play-state:paused}
@keyframes nguyenlan-letter{from{opacity:0;transform:translateY(60px) rotate(10deg);filter:blur(12px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes nguyenlan-marquee{to{transform:translateX(-50%)}}
@media(max-width:600px){.nguyenlan-content{padding:80px 22px}.nguyenlan-description{font-size:16px;max-width:340px}.nguyenlan-meta{max-width:300px;margin-inline:auto}.nguyenlan-content::before{inset:-30px -50px}.nguyenlan-wordmark{font-size:clamp(27px,8.5vw,52px)}.nguyenlan-button{padding:0 16px}}
@media(prefers-reduced-motion:reduce){.nguyenlan-wordmark span,.nguyenlan-marquee-track{animation:none}.nguyenlan-card,.nguyenlan-card video{will-change:auto;transition:none}}

.nguyenlan-root[data-nguyenlan-ready]:not(.nguyenlan-entered) .nguyenlan-wordmark span{opacity:0}
.nguyenlan-root.nguyenlan-entered .nguyenlan-wordmark span{animation:nguyenlan-letter-v2 1.1s cubic-bezier(.16,1,.3,1) var(--nguyenlan-letter-delay,0s) both}
.nguyenlan-root.nguyenlan-entered .nguyenlan-title,.nguyenlan-root.nguyenlan-entered .nguyenlan-description,.nguyenlan-root.nguyenlan-entered .nguyenlan-actions,.nguyenlan-root.nguyenlan-entered .nguyenlan-meta{animation:nguyenlan-copy-v2 1s ease .8s both}
@keyframes nguyenlan-letter-v2{from{opacity:0;transform:translateX(var(--nguyenlan-letter-x,0px)) scale(.65);filter:blur(12px)}to{opacity:1;transform:translateX(0) scale(1);filter:blur(0)}}
@keyframes nguyenlan-copy-v2{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.nguyenlan-root.nguyenlan-entered .nguyenlan-wordmark span,.nguyenlan-root.nguyenlan-entered .nguyenlan-title,.nguyenlan-root.nguyenlan-entered .nguyenlan-description,.nguyenlan-root.nguyenlan-entered .nguyenlan-actions,.nguyenlan-root.nguyenlan-entered .nguyenlan-meta{animation:none}.nguyenlan-root[data-nguyenlan-ready]:not(.nguyenlan-entered) .nguyenlan-wordmark span{opacity:1}}

.nguyenlan-wordmark-space{width:.22em;flex-shrink:0}

.nguyenlan-wordmark{line-height:1.4;letter-spacing:-.065em;font-synthesis:none}
.nguyenlan-title em{font-style:normal;font-weight:500}
.nguyenlan-button,.nguyenlan-meta,.nguyenlan-marquee{letter-spacing:.025em}

.nguyenlan-root .nguyenlan-hero{min-height:var(--nguyenlan-height,760px)}
.nguyenlan-root .nguyenlan-title,.nguyenlan-root .nguyenlan-description{color:var(--nguyenlan-ink)}
.nguyenlan-root .nguyenlan-description{color:var(--nguyenlan-muted)}
.nguyenlan-root .nguyenlan-card img{max-width:none;margin:0}
.nguyenlan-root .nguyenlan-button{margin:0;border-radius:0;text-transform:uppercase;line-height:1.4}
.nguyenlan-root .nguyenlan-content .nguyenlan-media{display:none}
.nguyenlan-root .nguyenlan-custom-content{pointer-events:auto;width:100%;position:relative}
.nguyenlan-root .nguyenlan-children:empty{display:none}
.nguyenlan-root .nguyenlan-custom-content .row{max-width:100%;margin-inline:auto}
.nguyenlan-root .nguyenlan-custom-content img{max-width:100%}
.nguyenlan-root .nguyenlan-wordmark{font-size:clamp(24px,6vw,88px);justify-content:center;letter-spacing:-.07em;overflow:visible}
.nguyenlan-editor .nguyenlan-content .nguyenlan-media{display:inline-flex;align-items:center;gap:8px;border:1px dashed #999;padding:6px;margin:6px;min-width:120px;min-height:48px;background:var(--nguyenlan-bg);pointer-events:auto;font-size:11px}
.nguyenlan-editor .nguyenlan-media img{width:60px;height:40px;object-fit:cover}
.nguyenlan-media-image,.nguyenlan-media-poster{width:54px;height:34px;background-size:cover;background-position:center}
.nguyenlan-media-video{display:none}
.nguyenlan-editor .nguyenlan-builder-hint{padding:8px 16px;border-top:1px dashed #aaa;font-size:11px;color:var(--nguyenlan-muted)}
.nguyenlan-editor .nguyenlan-content{pointer-events:auto}
.nguyenlan-root.nguyenlan-entered .nguyenlan-custom-content{animation:nguyenlan-copy-v2 1s ease .8s both}
@media(max-width:600px){.nguyenlan-root .nguyenlan-hero{min-height:var(--nguyenlan-height-mobile,680px)}.nguyenlan-root .nguyenlan-wordmark{font-size:clamp(24px,7.3vw,52px)}}
@media(prefers-reduced-motion:reduce){.nguyenlan-root.nguyenlan-entered .nguyenlan-custom-content{animation:none}}

.nguyenlan-card--video::before{content:"Video";position:absolute;inset:0;display:grid;place-items:center;color:var(--nguyenlan-muted);font-size:11px}