@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.opacity-\[0\.12\]{opacity:.12}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--paper:#f8f7f3;--paper-2:#f1efe9;--paper-3:#e9e7e0;--card:#fdfcf9;--console:#12181f;--console-2:#1c232c;--console-3:#2a323d;--console-ink:#e2e9f0;--console-dim:#9099a3;--ink:#27221d;--ink-2:#514c46;--ink-3:#78746e;--line:#dbd9d3;--line-2:#c8c5bf;--green:#2ea05a;--green-deep:#10703a;--green-soft:#daf5e0;--amber:#df8623;--amber-soft:#ffedd8;--sans:"Be Vietnam Pro", "Segoe UI", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--maxw:1240px;--gut:clamp(20px, 4.5vw, 64px);--radius:4px}@supports (color:lab(0% 0 0)){:root{--paper:lab(97.2536% -.18996 2.27962);--paper-2:lab(94.3607% -.106305 3.05411);--paper-3:lab(91.7035% -.126332 3.82215);--card:lab(99.0972% -.128955 1.51819);--console:lab(7.72351% -.988506 -6.40942);--console-2:lab(13.5168% -1.19616 -7.14808);--console-3:lab(20.4738% -1.37611 -7.88441);--console-ink:lab(91.8695% -1.30144 -4.27945);--console-dim:lab(62.8605% -1.88103 -6.38233);--ink:lab(13.5799% 1.50062 4.41614);--ink-2:lab(32.7231% 1.44102 4.36832);--ink-3:lab(48.9642% 1.17138 3.61927);--line:lab(86.7011% -.0101626 3.05792);--line-2:lab(79.7509% -.0039041 3.82835);--green:lab(58.3443% -44.9515 26.9728);--green-deep:lab(41.199% -37.3199 22.4632);--green-soft:lab(94.1564% -12.0791 7.08598);--amber:lab(64.6285% 30.3096 62.98);--amber-soft:lab(94.7795% 5.62805 16.5612)}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--sans);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:17px;line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}::selection{background:var(--green);color:#fff}html[data-lang=vi] .en,html[data-lang=en] .vi{display:none!important}.wrap{max-width:var(--maxw);padding-inline:var(--gut);margin:0 auto}.section{padding-block:clamp(64px,9vw,128px)}.section-tight{padding-block:clamp(48px,6vw,80px)}h1,h2,h3,h4{letter-spacing:-.02em;color:var(--ink);font-weight:700;line-height:1.08}.display{letter-spacing:-.035em;font-size:clamp(40px,6.6vw,86px);font-weight:800;line-height:.98}.h2{letter-spacing:-.03em;font-size:clamp(30px,4vw,50px);font-weight:700}.lead{color:var(--ink-2);max-width:56ch;font-size:clamp(16px,1.8vw,21px);line-height:1.7}.mono{font-family:var(--mono)}.eyebrow{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--green-deep);align-items:center;gap:8px;font-size:12.5px;font-weight:500;display:inline-flex}.eyebrow:before{content:"//";opacity:.5}.btn{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--ink);border-radius:var(--radius);background:var(--ink);color:var(--paper);white-space:nowrap;align-items:center;gap:10px;padding:14px 22px;font-size:13px;font-weight:500;transition:transform .15s,background .2s,color .2s,box-shadow .2s;display:inline-flex}.btn:hover{box-shadow:4px 6px 0 var(--ink-2);transform:translateY(-2px)}.btn .arr{transition:transform .2s}.btn:hover .arr{transform:translate(3px)}.btn--ghost{color:var(--ink);border-color:var(--line-2);background:0 0}.btn--ghost:hover{background:var(--paper-2);box-shadow:4px 6px 0 var(--line-2)}.btn--green{background:var(--green);border-color:var(--green);color:#fff}.btn--green:hover{box-shadow:4px 6px 0 var(--green-deep)}.btn--sm{padding:9px 14px;font-size:11.5px}.badge{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid #0000;border-radius:3px;align-items:center;gap:5px;padding:3px 8px;font-size:10.5px;font-weight:600;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge--avail{color:var(--green-deep);background:var(--green-soft)}.badge--hot{color:#b84b00;color:lab(46.619% 43.9838 59.1196);background:var(--amber-soft)}.badge--new{color:var(--ink);background:var(--paper-3)}.badge--full{color:var(--ink-3);background:var(--paper-3);opacity:.8}.badge--full:before{background:var(--ink-3)}.tag{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-2);background:var(--paper-2);border:1px solid var(--line);border-radius:3px;padding:3px 8px;font-size:11px}.graph{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-position:-1px -1px;background-size:32px 32px}.hero-section{border-bottom:1px solid var(--line);position:relative;overflow:hidden}.hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:56px;padding-block:clamp(56px,8vw,104px);display:grid}.hero-status{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-2);background:var(--card);border:1px solid var(--line);border-radius:100px;align-items:center;gap:9px;margin-bottom:clamp(16px,3vw,26px);padding:clamp(5px,1vw,6px) clamp(10px,2vw,14px) clamp(5px,1vw,6px) clamp(8px,2vw,11px);font-size:clamp(11px,1.8vw,12px);display:inline-flex}.hero-status-dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 0 4px var(--green-soft);border-radius:50%;animation:2.4s infinite pulse}.hero-heading{letter-spacing:-.035em;margin-bottom:clamp(16px,3vw,24px);font-size:clamp(32px,7vw,86px);font-weight:800;line-height:1}.hero-cta{flex-wrap:wrap;align-items:center;gap:clamp(10px,2vw,14px);margin-top:clamp(20px,3vw,28px);margin-bottom:clamp(24px,4vw,34px);display:flex}.hero-cta-button{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--green);border-radius:var(--radius);background:var(--green);color:#fff;cursor:pointer;white-space:nowrap;align-items:center;gap:clamp(6px,1.5vw,10px);padding:clamp(12px,2vw,14px) clamp(16px,3vw,22px);font-size:clamp(11px,1.8vw,13px);font-weight:500;transition:transform .15s,box-shadow .2s;display:inline-flex}.hero-cta-button:hover{box-shadow:4px 6px 0 var(--green-deep);transform:translateY(-2px)}.hero-meta{font-family:var(--mono);color:var(--ink-3);flex-wrap:wrap;gap:clamp(16px,3vw,26px);margin-top:clamp(24px,4vw,34px);font-size:clamp(11px,1.8vw,12px);line-height:1.6;display:flex}.hero-console{background:var(--console);color:var(--console-ink);border:1px solid var(--console-3);font-family:var(--mono);border-radius:8px;overflow:hidden;box-shadow:0 30px 60px -28px #12181f99;box-shadow:0 30px 60px -28px lab(7.72351% -.988506 -6.40942/.6)}.hero-console-bar{border-bottom:1px solid var(--console-3);background:var(--console-2);align-items:center;gap:clamp(5px,1.5vw,7px);padding:clamp(8px,1.5vw,11px) clamp(10px,2vw,14px);display:flex}.hero-console-dot{background:var(--console-3);border-radius:50%;flex-shrink:0;width:clamp(8px,2vw,11px);height:clamp(8px,2vw,11px)}.hero-console-body{min-height:clamp(140px,20vw,232px);padding:clamp(14px,2vw,20px) clamp(12px,2vw,18px) clamp(14px,2vw,22px);font-size:clamp(11px,1.8vw,13.5px);line-height:1.7}.path-section{background:var(--console);color:var(--console-ink);padding-block:clamp(64px,9vw,128px)}.path-section-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:44px;display:flex}.path-section-head-left{max-width:60ch}.path-h2{letter-spacing:-.03em;color:var(--console-ink);margin-bottom:14px;font-size:clamp(30px,4vw,50px);font-weight:700}.path-grid{border:1px solid var(--console-3);border-radius:8px;grid-template-columns:repeat(4,1fr);gap:0;display:grid;overflow:hidden}.path-step{cursor:pointer;padding:30px 26px 34px;transition:background .2s;position:relative}.path-step:hover{background:var(--console-2)}.path-step:first-child{border-left:none}.path-step:not(:first-child){border-left:1px solid var(--console-3)}.path-step-number{font-family:var(--mono);color:var(--green);letter-spacing:.1em;justify-content:space-between;align-items:center;margin-bottom:26px;font-size:13px;display:flex}.path-step-title{color:var(--console-ink);margin-bottom:12px;font-size:21px;font-weight:700}.path-step-description{color:var(--console-dim);font-size:14px;line-height:1.6}.path-tag-container{flex-wrap:wrap;gap:6px;margin-top:18px;display:flex}.path-tag{font-family:var(--mono);letter-spacing:.04em;color:var(--console-dim);border:1px solid var(--console-3);border-radius:3px;padding:2px 7px;font-size:10.5px}.cta-box{background:var(--green);color:#fff;text-align:center;border-radius:10px;padding:clamp(40px,6vw,76px);position:relative;overflow:hidden}.cta-inner{position:relative}.cta-eyebrow{color:#fff;opacity:.8;margin-bottom:20px}.cta-h2{letter-spacing:-.03em;color:#fff;max-width:18ch;margin-bottom:16px;margin-left:auto;margin-right:auto;font-size:clamp(30px,4vw,50px);font-weight:700}.cta-text{color:#ffffffe6;max-width:46ch;margin:0 auto 30px}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes blink{50%{opacity:0}}.ticked{position:relative}.ticked:before,.ticked:after{content:"";border-color:var(--green);opacity:.9;border-style:solid;width:9px;height:9px;position:absolute}.nav{z-index:60;background:var(--paper);position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.nav{background:color-mix(in oklab, var(--paper) 86%, transparent)}}.nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brand__mark{background:var(--ink);width:30px;height:30px;color:var(--paper);font-family:var(--mono);border-radius:5px;place-items:center;font-size:15px;font-weight:700;display:grid}.brand__name{font-family:var(--mono);letter-spacing:.02em;font-size:15px;font-weight:600}.brand__sub{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--green-deep);border:1px solid var(--green);border-radius:3px;padding:2px 6px;font-size:10px;line-height:1}.nav__links a{color:var(--ink-2);padding:4px 0;font-size:14.5px;font-weight:500;transition:color .15s;position:relative}.nav__links a:hover{color:var(--ink)}.nav__links a:after{content:"";background:var(--green);width:0;height:1.5px;transition:width .2s;position:absolute;bottom:-2px;left:0}.nav__links a:hover:after{width:100%}.nav__burger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4px;padding:4px;display:none}.mobile-menu{padding:12px var(--gut);background:var(--paper-2);flex-direction:column;gap:12px;display:flex}.mobile-menu a{color:var(--ink-2);padding:8px 0;font-size:14px;font-weight:500}.mobile-menu a:hover{color:var(--ink)}@media (max-width:1000px){:root{--gut:clamp(16px, 4vw, 40px)}.hero-grid{grid-template-columns:1fr;gap:40px}.courses{grid-template-columns:repeat(2,1fr)}.path-grid{grid-template-columns:1fr 1fr}.path-step:nth-child(3){border-left:0}.path-step:nth-child(n+3){border-top:1px solid var(--console-3)}.path-step-number{font-size:12px}.path-step-title{font-size:18px}.path-step-description{font-size:13px}.flag__grid{grid-template-columns:1fr;gap:36px}.flag__media{aspect-ratio:16/9}.signal__inner{grid-template-columns:repeat(2,1fr)}.signal__cell{border-top:1px solid var(--line)}.signal__inner .signal__cell:nth-child(-n+2){border-top:0}.signal__inner .signal__cell:nth-child(odd){padding-left:var(--gut);border-left:0}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;gap:20px!important}}@media (max-width:768px){:root{--gut:clamp(14px, 3vw, 24px)}body{font-size:15px}.wrap{padding-inline:var(--gut)}.hero-grid{gap:24px}.hero-heading{font-size:clamp(28px,6vw,50px)}.hero-console-body{min-height:150px;font-size:12px}.btn{padding:12px 18px;font-size:12px}.btn--sm{padding:8px 12px;font-size:10px}.nav__links{display:none!important}.nav__burger{display:flex!important}.brand__name{font-size:13px}.brand__mark{width:28px;height:28px;font-size:13px}.shead{flex-direction:column!important;gap:12px!important}.shead__l{max-width:100%!important}.courses{grid-template-columns:1fr;gap:12px}.course{padding:16px}.path-grid{grid-template-columns:1fr}.path-section-head{flex-direction:column;align-items:flex-start;gap:12px}.path-h2{font-size:clamp(22px,5vw,40px)}.path-step{padding:20px 16px 24px}.path-step:not(:first-child){border-left:0;border-top:1px solid var(--console-3)}.path-step-number{margin-bottom:14px;font-size:11px}.path-step-title{font-size:15px}.path-step-description{font-size:13px}.cta-h2{font-size:clamp(22px,5vw,40px)}.cta-buttons{flex-direction:column}.cta-buttons button{width:100%}.blog-grid{grid-template-columns:1fr!important;gap:12px!important}article{padding:16px!important}.cohorts__list{flex-direction:column;gap:12px;display:flex}.cohort__row{flex-direction:column;gap:8px;padding:12px;display:flex}.signal__inner{grid-template-columns:1fr}.signal__cell{border-left:0;border-top:1px solid var(--line)}.signal__inner .signal__cell:first-child{border-top:0}.signal__inner .signal__cell{padding-left:0;padding-top:var(--gut)}.flag__media{aspect-ratio:16/9!important}.footer__top{flex-direction:column!important;display:flex!important}.footer__brand{order:2}.footer__bottom{text-align:center;flex-direction:column}.footer__bottom span{display:block}}@media (max-width:640px){:root{--gut:12px}body{font-size:14px;line-height:1.5}.display{font-size:clamp(24px,6vw,40px);line-height:1.1}.h2{font-size:clamp(20px,4vw,32px);line-height:1.15}.lead{font-size:clamp(14px,1.5vw,18px)}.eyebrow{gap:6px;font-size:10px}.eyebrow:before{content:"";display:none}.hero-status{gap:6px;padding:4px 10px;font-size:10px}.hero-status-dot{width:6px;height:6px}.hero-meta{flex-direction:column;align-items:flex-start;gap:8px;font-size:11px}.hero-console-body{min-height:120px;padding:12px 14px;font-size:11px}.hero-console-bar{padding:9px 12px}.btn{gap:6px;padding:10px 14px;font-size:11px}.btn--sm{padding:8px 12px;font-size:10px}.hero-cta{flex-direction:column;gap:8px;margin-bottom:16px}.hero-cta a{width:100%}.cta-buttons{flex-direction:column;gap:8px}.cta-buttons button{width:100%}.nav__links{display:none!important}.nav__burger{display:flex!important}.brand__name{display:none}.brand__mark{width:26px;height:26px;font-size:12px}.brand__sub{padding:1px 3px;font-size:7px}.shead{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;margin-bottom:28px!important}.shead__l{max-width:100%!important}.shead__r{width:100%!important}.courses{grid-template-columns:1fr!important;gap:12px!important}.course{padding:16px 14px!important}.course__head{gap:8px}.course__meta{font-size:11px}.course__tags{gap:4px}.course__tag{padding:2px 5px;font-size:9px}.path-section-head{flex-direction:column;gap:12px}.path-section-head-left{max-width:100%}.path-h2{font-size:clamp(20px,5vw,36px)}.path-step{padding:20px 16px 24px}.path-step-number{margin-bottom:12px;font-size:10px}.path-step-title{font-size:14px}.path-step-description{font-size:12px;line-height:1.5}.path-tag-container{gap:4px;margin-top:10px}.path-tag{padding:1px 4px;font-size:8px}.blog-grid{grid-template-columns:1fr!important;gap:12px!important}article{padding:16px 14px!important}article h3{font-size:16px!important}article p{font-size:13px!important}.cta-box{padding:clamp(30px,5vw,50px)}.cta-h2{font-size:clamp(20px,4vw,32px)}.cta-text{font-size:14px}.badge{gap:3px;padding:2px 5px;font-size:8px}.section{padding-block:clamp(24px,5vw,48px)}.section-tight{padding-block:clamp(16px,4vw,32px)}h1,h2,h3,h4{margin-bottom:clamp(8px,2vw,16px)}p{margin-bottom:clamp(12px,2vw,16px)}.mobile-menu a{padding:10px 0;font-size:13px}.signal__inner{grid-template-columns:1fr}.signal__cell:nth-child(odd){border-left:1px solid var(--line)}.signal__inner .signal__cell:nth-child(odd){border-left:1px solid var(--line);padding-left:var(--gut)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
