:root{--bg:#05080f;--bg-2:#0b1424;--bg-3:#13223a;--text:#e8f1f8;--muted:#9fb2c6;--teal:#00a2b7;--teal-hi:#2ee6f5;--on-teal:#04121a;--margin:clamp(16px, 4vw, 56px);--gap:clamp(104px, 11vw, 168px);--ease:cubic-bezier(.16, 1, .3, 1);--cut:22px;--h1:clamp(56px, 8.4vw, 136px);--h2:clamp(38px, 4.6vw, 72px);--statement:clamp(24px, 2.6vw, 36px);--body:18px;--small:15px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--text);font-family:Be Vietnam Pro,system-ui,sans-serif;font-size:var(--body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.55;overflow-x:clip}a{color:inherit}:focus-visible{outline:2px solid var(--teal-hi);outline-offset:4px}h1,h2,h3{letter-spacing:-.03em;margin:0;font-weight:800;line-height:1}h2{font-size:var(--h2)}h3{letter-spacing:-.01em;font-size:22px;line-height:1.2}p{margin:0}@property --rv{syntax:"<number>";inherits:false;initial-value:1}.cut{--t:calc((1 - var(--rv)) * 100%);clip-path:polygon(0 var(--t), calc(100% - var(--cut)) var(--t), 100% calc(var(--t) + var(--cut)), 100% 100%, 0 100%)}.btn{--cut:12px;min-height:52px;clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);font:inherit;cursor:pointer;transition:background-color .3s var(--ease), color .3s var(--ease);border:0;justify-content:center;align-items:center;padding:14px 28px;font-size:18px;font-weight:700;text-decoration:none;display:inline-flex}.btn.primary{background:var(--teal-hi);color:var(--on-teal)}.btn.primary:hover{background:var(--text)}.btn.ghost{background:var(--bg-3);color:var(--text)}.btn.ghost:hover{background:#1b3050}.btn:active{translate:0 1px}.btn:disabled{background:var(--bg-3);color:var(--muted);cursor:not-allowed}.btn[aria-disabled=true]{cursor:help}.btn.big{width:100%;min-height:60px;font-size:19px}.bar{z-index:5;padding:20px var(--margin);font-size:var(--small);align-items:center;gap:32px;display:flex;position:absolute;inset:0 0 auto}.brand{align-items:center;gap:12px;font-size:17px;font-weight:800;text-decoration:none;display:flex}.bar nav{gap:28px;margin-left:auto;display:flex}.bar nav a,.home{color:var(--text);text-underline-offset:8px;transition:text-decoration-color .3s var(--ease), text-underline-offset .3s var(--ease);padding:8px 0;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:2px}.bar nav a:hover,.home:hover{-webkit-text-decoration-color:var(--teal-hi);text-decoration-color:var(--teal-hi);text-underline-offset:5px}.home{font-weight:700}.menu-btn,.nav-home{display:none}.hero{min-height:100svh;padding:120px var(--margin) clamp(48px, 8vh, 96px);align-items:end;display:grid;position:relative}.hero-3d{z-index:0;position:absolute;inset:0}.hero-3d canvas{width:100%;height:100%;display:block}.hero-copy{z-index:1;max-width:52%;position:relative}.hero h1{font-size:var(--h1);letter-spacing:-.045em;line-height:.92}.lead{max-width:30ch;margin-top:36px;font-size:24px;line-height:1.4}.actions{flex-wrap:wrap;gap:12px;margin-top:40px;display:flex}main>section{padding:var(--gap) var(--margin) 0}.intro{grid-template-columns:1fr 2.2fr;align-items:start;gap:48px;display:grid}.player{aspect-ratio:16/9;background:var(--bg-2);--cut:40px;position:relative}.poster svg,.player video{width:100%;height:100%;display:block;position:absolute;inset:0}.poster{position:absolute;inset:0}.play{background:var(--teal-hi);width:104px;height:104px;color:var(--on-teal);cursor:pointer;transition:background-color .3s var(--ease), scale .4s var(--ease);border:0;border-radius:50%;margin:-52px 0 0 -52px;position:absolute;top:50%;left:50%}.play:hover{background:var(--text);scale:1.06}.play svg{fill:currentColor;width:44px;height:44px;translate:3px}.player-note{font-weight:700;position:absolute;bottom:20px;left:24px}.intro-copy p{max-width:34ch;margin-top:24px}.intro-copy .intro-meta{font-size:var(--small);color:var(--muted)}.poster{object-fit:cover;width:100%;height:100%}.courses-head{justify-content:space-between;align-items:end;gap:32px;margin-bottom:56px;display:flex}.courses-head p{max-width:36ch}.card{--cut:28px;background:var(--bg-2);width:100%;height:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);transform-style:preserve-3d;transition:background-color .3s var(--ease);border:0;flex-direction:column;padding:0;display:flex}.card:hover{background:var(--bg-3)}.card-art{aspect-ratio:16/9;display:grid;overflow:hidden}.card-art img{object-fit:cover;width:100%;height:100%;display:block}.combo .card-art img{aspect-ratio:16/9;align-self:center;height:auto}.card-body{flex-direction:column;flex:1;gap:12px;padding:28px 28px 32px;display:flex}.card-name{letter-spacing:-.01em;font-size:24px;font-weight:800;line-height:1.15}.card-blurb{font-size:var(--small)}.card-price{letter-spacing:-.02em;color:var(--teal-hi);font-variant-numeric:tabular-nums;margin-top:auto;padding-top:12px;font-size:36px;font-weight:800}.card-note{font-size:var(--small);color:var(--muted)}.more{font-weight:700;font-size:var(--small)}.more:after{content:" →";transition:translate .3s var(--ease);display:inline-block}.card:hover .more:after{translate:4px}@property --glow{syntax:"<length>";inherits:false;initial-value:18px}.combo-glow{filter:drop-shadow(0 0 var(--glow) #2ee6f573);margin-bottom:24px;animation:3.2s ease-in-out infinite alternate breathe}@keyframes breathe{0%{--glow:8px}to{--glow:30px}}.combo{--cut:48px;background:var(--teal-hi);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);padding:2px;display:grid}.combo:hover{background:var(--text)}.combo .card-art{aspect-ratio:auto;background:var(--bg);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);grid-template-columns:1fr;gap:2px}.combo .card-body{background:var(--bg-2);clip-path:polygon(0 0,calc(100% - 46px) 0,100% 46px,100% 100%,0 100%);padding:clamp(32px,4vw,56px)}.combo .card-name{letter-spacing:-.03em;font-size:clamp(32px,3.6vw,56px);line-height:1}.card-name-sub{letter-spacing:-.01em;color:var(--teal-hi);margin-top:-2px;font-size:24px;line-height:1.2}.combo .card-price{font-size:clamp(44px,4.6vw,72px);line-height:1}.compare{font-size:var(--body)}.compare s{color:var(--muted)}.singles{perspective:1200px;grid-template-columns:repeat(4,1fr);gap:24px;margin:0;padding:0;list-style:none;display:grid}.made{grid-template-columns:1fr 1.8fr;align-items:center;gap:56px;display:grid}.made-copy p{max-width:30ch;font-size:var(--statement);margin-top:28px;font-weight:700;line-height:1.25}.site-view{--cut:40px;aspect-ratio:16/9;background:var(--bg-2);position:relative;overflow:hidden}.site{object-fit:cover;object-position:top;visibility:hidden;width:100%;height:100%;position:absolute;inset:0}.site.is-on{visibility:visible}.site-bar{grid-template-columns:auto 1fr auto;align-items:center;gap:24px;margin-top:20px;display:grid}.site-count{font-size:var(--small);color:var(--muted);font-variant-numeric:tabular-nums}.site-count b{color:var(--teal-hi);font-size:22px}.site-caption{font-size:var(--small);max-width:48ch}.site-actions{gap:8px;display:flex}.site-actions .btn{margin:0 8px 0 0}.site-btn{--cut:10px;background:var(--bg-3);width:52px;height:52px;color:var(--text);cursor:pointer;clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);transition:background-color .3s var(--ease), color .3s var(--ease);border:0;place-items:center;display:grid}.site-btn:hover{background:var(--teal-hi);color:var(--on-teal)}.site-btn svg{fill:none;stroke:currentColor;stroke-width:2.5px;width:22px;height:22px}.about{text-align:center;justify-items:center;display:grid}.about-mark{filter:drop-shadow(0 0 28px #2ee6f559);width:clamp(80px,9vw,136px);height:auto;margin-bottom:40px}.about h2{max-width:14ch;font-size:clamp(44px,7vw,112px)}.about-say{letter-spacing:-.02em;max-width:26ch;margin-top:48px;font-size:clamp(26px,3.4vw,52px);font-weight:800;line-height:1.2}.markets{flex-wrap:wrap;justify-content:center;gap:8px;margin:40px 0 0;padding:0;list-style:none;display:flex}.markets li{--cut:14px;background:var(--teal);color:var(--on-teal);clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);padding:14px 28px;font-size:20px;font-weight:800}.pillars{text-align:left;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin:72px 0 0;display:grid}.pillars div{background:var(--bg-2);padding:32px 32px 40px}.pillars dt{color:var(--teal-hi);font-size:24px;font-weight:800}.pillars dd{margin:12px 0 0}.teacher-name{margin:36px 0 0;font-size:20px}.teacher-lines{gap:12px;margin:14px 0 0;padding:0;list-style:none;display:grid}.teacher-lines li{padding-left:24px;position:relative}.teacher-lines li:before{content:"";background:var(--teal-hi);clip-path:polygon(0 0,50% 0,100% 50%,100% 100%,0 100%);width:10px;height:10px;position:absolute;top:.5em;left:0}.route-lead{max-width:40ch;color:var(--muted);margin-top:24px}.stages{grid-template-columns:repeat(3,1fr);align-items:end;gap:24px;margin:56px 0 0;padding:0;list-style:none;display:grid}.stage:nth-child(2){padding-bottom:48px}.stage:nth-child(3){padding-bottom:96px}.stage-pic{aspect-ratio:4/3;background:var(--bg-2);display:block;overflow:hidden}.stage-pic img{object-fit:cover;width:100%;height:112%;margin-top:-6%;display:block}.stage-no{font-size:var(--small);color:var(--teal-hi);margin-top:24px;font-weight:800;display:block}.stage h3{margin-top:8px;font-size:clamp(28px,2.6vw,40px)}.stage:last-child h3{color:var(--teal-hi)}.stage p{max-width:36ch;margin-top:12px}.promise{grid-template-columns:1fr 2.2fr;gap:48px;display:grid}.promise-body{gap:28px;display:grid}.statement{font-size:var(--statement);letter-spacing:-.01em;font-weight:700;line-height:1.25}.faq{grid-template-columns:1fr 2.2fr;align-items:start;gap:48px;display:grid}.faq h2{position:sticky;top:96px}.faq-list{gap:8px;display:grid}.faq details{background:var(--bg-2);transition:background-color .3s var(--ease)}.faq details[open]{background:var(--teal);color:var(--on-teal)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:24px;min-height:72px;padding:20px 24px;font-size:20px;font-weight:700;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";width:16px;height:16px;transition:rotate .3s var(--ease);background:currentColor;flex:none;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M0 6.5h16v3H0zM6.5 0h3v16h-3z'/%3E%3C/svg%3E");mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M0 6.5h16v3H0zM6.5 0h3v16h-3z'/%3E%3C/svg%3E")}.faq details[open] summary:after{rotate:180deg;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M0 6.5h16v3H0z'/%3E%3C/svg%3E");mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M0 6.5h16v3H0z'/%3E%3C/svg%3E")}.faq details p{max-width:60ch;padding:0 24px 24px}.faq details a[href^=tel\:]{margin:-11px 0;padding:11px 0;font-weight:700;display:inline-block}.price-table{border-collapse:collapse;font-variant-numeric:tabular-nums;margin:0 24px 28px}.price-table th,.price-table td{text-align:left;border-top:1px solid;padding:10px 28px 10px 0}.faq-list{min-width:0}@media (width<=640px){.price-table{font-size:var(--small)}.price-table th,.price-table td{padding-right:12px}}.price-table td:last-child{font-weight:800}.band{--cut:96px;min-height:48svh;margin:var(--gap) var(--margin) 0;background:var(--teal-hi);color:var(--on-teal);clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);grid-template-columns:1fr auto;align-content:space-between;padding:32px;text-decoration:none;display:grid;position:relative}.band:hover,.band:focus-visible{background:var(--text)}.band-note{max-width:34ch;font-size:20px;font-weight:700}.band-arrow{fill:none;stroke:currentColor;stroke-width:4px;width:48px;height:48px;transition:translate .4s var(--ease);margin-right:72px}.band:hover .band-arrow{translate:6px -6px}.band-word{letter-spacing:-.06em;white-space:nowrap;grid-column:1/-1;font-size:clamp(88px,19vw,300px);font-weight:800;line-height:.8}.foot{padding:96px var(--margin) 104px;grid-template-columns:auto 1fr auto;align-items:end;gap:24px 40px;display:grid}.foot-mark{grid-row:span 2;width:clamp(64px,7vw,104px);height:auto}.foot-name{font-size:var(--h2);letter-spacing:-.04em;font-weight:800;line-height:1}.foot-links{font-size:var(--small);flex-wrap:wrap;grid-column:2;gap:8px 24px;display:flex}.foot-links a{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.foot-links a:hover{color:var(--teal-hi)}.foot-copy{font-size:var(--small);color:var(--muted);grid-area:2/3}.foot-zalo{font-size:var(--small);color:var(--muted);grid-area:1/3;align-items:center;gap:16px;text-decoration:none;display:flex}.foot-zalo img{width:112px;height:112px;transition:scale .4s var(--ease);background:#fff}.foot-zalo:hover img{scale:1.05}.foot-zalo b{color:var(--text);margin-top:4px;font-size:22px;display:block}.zalo-float{--cut:14px;z-index:20;color:#fff;min-height:56px;clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);transition:background-color .3s var(--ease), translate .5s var(--ease);background:#0068ff;align-items:center;gap:8px;padding:0 20px;font-weight:800;text-decoration:none;display:flex;position:fixed;bottom:20px;right:20px}.zalo-float.away{translate:0 160%}.zalo-float:hover{background:#0050c8}.zalo-float svg{fill:currentColor;width:22px;height:22px}.sheet{width:100%;max-width:none;height:100%;max-height:none;color:var(--text);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.sheet::backdrop{background:0 0}.scrim{-webkit-backdrop-filter:blur(10px);background:#03060cb8;position:absolute;inset:0}.panel{--cut:40px;overscroll-behavior:contain;background:var(--bg-2);width:min(720px,100vw - 32px);height:fit-content;max-height:calc(100svh - 48px);margin:auto;padding:0 0 40px;position:absolute;inset:0;overflow-y:auto}.x{z-index:2;float:right;background:var(--bg);width:48px;height:48px;color:var(--text);cursor:pointer;transition:background-color .3s var(--ease);border:0;border-radius:50%;place-items:center;margin:16px 28px -64px 0;display:grid;position:sticky;top:16px}.x:hover{background:var(--teal)}.x svg{stroke:currentColor;stroke-width:2.5px;fill:none;width:22px;height:22px}.view{padding:0 40px}.view[hidden]{display:none}.view h3{margin:32px 0 12px;font-size:19px}.view ul{gap:6px;margin:0;padding-left:22px;display:grid}.dlg-art{--cut:0px;grid-template-columns:repeat(var(--n,1), 1fr);aspect-ratio:16/9;background:var(--bg);gap:2px;margin:0 -40px 32px;display:grid;overflow:hidden}.dlg-art img{object-fit:cover;width:100%;height:100%;display:block}.dlg-name{padding-right:56px;font-size:clamp(28px,3.2vw,40px);line-height:1.05}.dlg-price{color:var(--teal-hi);margin-top:16px;font-size:36px;font-weight:800}.dlg-sessions{margin-top:8px}.view .btn.big{margin-top:40px}.fine{text-align:center;color:var(--muted);margin-top:12px;font-size:14px}.form-title{padding-top:44px;font-size:clamp(30px,3.4vw,44px)}.form-course{color:var(--teal-hi);margin:12px 0 28px;padding-right:48px;font-weight:700}form label{gap:8px;margin-top:18px;font-size:16px;font-weight:700;display:grid}form input{border:2px solid var(--bg-3);background:var(--bg);min-height:54px;color:var(--text);font:inherit;transition:border-color .2s var(--ease);padding:12px 16px;font-size:17px;font-weight:400}form input:focus{border-color:var(--teal-hi);outline:none}form input[aria-invalid=true]{border-color:#ff7a7a}.err{color:#ff9a9a;min-height:1.4em;font-size:15px;font-weight:400}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.btn.loading{pointer-events:none;color:#0000;position:relative}.btn.loading:after{content:"";border:3px solid var(--on-teal);border-right-color:#0000;border-radius:50%;width:24px;height:24px;animation:.7s linear infinite turn;position:absolute}@keyframes turn{to{rotate:360deg}}.send-err{color:#ff9a9a;margin-top:16px}.back-link{color:var(--muted);font:inherit;font-size:var(--small);cursor:pointer;background:0 0;border:0;margin:20px auto 0;padding:8px;text-decoration:underline;display:block}.done{text-align:center;justify-items:center;gap:16px;padding-top:64px;display:grid}.done-title{outline:none;max-width:18ch;font-size:clamp(28px,3.2vw,40px);line-height:1.1}.done-course{color:var(--teal-hi);font-weight:700}.done .btn{margin-top:16px}.tick{fill:none;width:96px;height:96px;stroke:var(--teal-hi);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}[data-split] .line-mask{margin-bottom:-.08em;padding-bottom:.08em}@media (width<=1100px){.singles{grid-template-columns:repeat(2,1fr)}.combo{grid-template-columns:minmax(0,1fr)}.combo .card-art{aspect-ratio:16/9}}@media (width<=900px){.bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05080fe0;gap:12px;padding-block:8px;position:fixed}.brand{min-height:44px}.menu-btn{border:1px solid var(--bg-3);background:var(--bg-2);min-height:44px;color:var(--text);font:inherit;cursor:pointer;align-items:center;margin-left:auto;padding:0 18px;font-weight:700;display:inline-flex}.menu-btn[aria-expanded=true]{background:var(--teal-hi);color:var(--on-teal)}.bar nav{padding:8px var(--margin) 16px;border-bottom:1px solid var(--bg-3);background:#05080ff5;flex-direction:column;gap:0;margin:0;display:none;position:absolute;top:100%;left:0;right:0}.bar.open nav{display:flex}.bar nav a{border-bottom:1px solid var(--bg-3);align-items:center;min-height:52px;padding:0;font-size:18px;font-weight:700;display:flex}.bar nav .nav-home{color:var(--teal-hi);border-bottom:0;display:flex}.home{margin-left:auto;display:none}.hero{align-items:end;padding-top:0}.hero-3d{inset:0 0 34%}.hero-copy{max-width:none}.intro,.made,.promise,.faq{grid-template-columns:1fr}.faq h2{position:static}.courses-head{display:grid}.pillars{grid-template-columns:1fr}.stages{grid-template-columns:1fr;gap:56px}.stage:nth-child(n){padding-bottom:0}}@media (width<=640px){:root{--cut:16px;--body:17px}.combo .card-body{padding:24px}.combo .card-price{font-size:clamp(32px,10.5vw,44px)}.brand span{font-size:15px}.hero{min-height:100svh;padding-bottom:40px}.hero-3d{inset:0 0 42%}.hero h1{font-size:clamp(48px,14vw,72px)}.lead{margin-top:20px;font-size:19px}.actions{margin-top:28px}.actions .btn{flex:100%}.singles{grid-template-columns:1fr}.card-body{padding:22px 22px 26px}.play{width:76px;height:76px;margin:-38px 0 0 -38px}.site-bar{grid-template-columns:auto 1fr}.site-actions{grid-column:1/-1}.site-actions .btn{flex:1}.faq summary{min-height:64px;font-size:18px}.band{--cut:48px;min-height:46svh;padding:24px 20px}.band-arrow{width:32px;height:32px;margin-right:40px}.band-note{font-size:17px}.band-word{font-size:23vw}.foot{grid-template-columns:auto 1fr}.foot-links,.foot-zalo,.foot-copy{grid-area:auto/1/auto/-1}.zalo-float{justify-content:center;width:52px;min-height:52px;padding:0;bottom:12px;right:12px}.zalo-float span{display:none}.price-table,.price-table tbody{display:block}.price-table tr{border-top:1px solid;grid-template-columns:auto 1fr;gap:2px 16px;padding:10px 0;display:grid}.price-table th{grid-column:1/-1}.price-table th,.price-table td{border:0;padding:0}.panel{--cut:0px;width:100%;height:100%;max-height:none}.view{padding:0 20px}.dlg-art{margin:0 -20px 24px}.x{margin-right:16px}}@media (prefers-reduced-motion:reduce){.combo-glow{animation:none}*,:before,:after{transition-duration:.01ms!important}}
