@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-ext-wght-normal-EocZY2iu.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#0a0e14;--bg-elev:#0e131c;--bg-panel:#0f1520;--line:#97b2c924;--line-soft:#97b2c914;--fg:#d7dee7;--fg-strong:#f2f6fa;--fg-dim:#8b97a6;--acc:#00ff9c;--acc-dim:#00ff9c8c;--acc-soft:#00ff9c1f;--acc2:#5ce1ff;--acc2-soft:#5ce1ff1f;--err:#ff6b81;--font-sans:"Space Grotesk Variable", "Space Grotesk", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono Variable", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--nav-h:64px;--radius:10px;--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 16px)}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:1.0625rem;line-height:1.65}body:before{content:"";z-index:-1;background-image:linear-gradient(var(--line-soft) 1px, transparent 1px), linear-gradient(90deg, var(--line-soft) 1px, transparent 1px);background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(90% 70% at 50% 0,#000 0%,#0000 75%);mask-image:radial-gradient(90% 70% at 50% 0,#000 0%,#0000 75%)}h1,h2,h3{color:var(--fg-strong);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:600;line-height:1.12}p{margin:0 0 1em}a{color:var(--acc);text-underline-offset:.2em;text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--acc);color:#04140c}:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:2px}.mono{font-family:var(--font-mono);font-weight:450}.container{width:min(1100px,100% - 2*clamp(20px,5vw,48px));margin-inline:auto}.skip-link{z-index:100;background:var(--acc);color:#04140c;border-radius:var(--radius);padding:10px 16px;transition:top .2s;position:fixed;top:-100px;left:16px}.skip-link:focus-visible{top:12px}.cursor{background:var(--acc);vertical-align:text-bottom;width:.55em;height:1.05em;margin-left:2px;animation:1.1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.t-prompt{color:var(--acc)}.t-key{color:var(--acc2)}.t-err{color:var(--err)}.nav{z-index:50;height:var(--nav-h);border-bottom:1px solid #0000;align-items:center;transition:background-color .3s,border-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:flex;position:fixed;inset:0 0 auto}.nav--scrolled{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:var(--line-soft);background:#0a0e14c7}.nav__inner{justify-content:space-between;align-items:center;gap:24px;display:flex}.nav__logo{color:var(--fg-strong);white-space:nowrap;font-size:.95rem}.nav__logo:hover{color:var(--acc);text-decoration:none}.nav__logo .cursor{width:.5em;height:.95em}.nav__links{scrollbar-width:none;gap:clamp(14px,2.5vw,30px);margin:0;padding:4px 0;font-size:.85rem;list-style:none;display:flex;overflow-x:auto}.nav__links::-webkit-scrollbar{display:none}.nav__links a{color:var(--fg-dim);white-space:nowrap}.nav__links a:hover,.nav__links a[aria-current=page]{color:var(--acc);text-decoration:none}.nav__links a:before{content:"./";opacity:.5}.hero{align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}#hero-canvas{opacity:0;width:100%;height:100%;transition:opacity 1.4s;display:block;position:absolute;inset:0}#hero-canvas.is-on{opacity:1}.hero__glow{pointer-events:none;background:radial-gradient(ellipse 55% 45% at 72% 40%, #00ff9c12, transparent 70%), radial-gradient(ellipse 40% 35% at 20% 75%, #5ce1ff0f, transparent 70%), linear-gradient(180deg, #0a0e1440 0%, #0a0e1400 30%, #0a0e14e6 92%, var(--bg) 100%);position:absolute;inset:0}.hero__content{z-index:2;padding-block:calc(var(--nav-h) + 4vh) 8vh;text-shadow:0 1px 22px #0a0e14eb;position:relative}.hero__prompt{color:var(--fg-dim);margin-bottom:14px;font-size:clamp(.95rem,1.6vw,1.1rem)}.hero__prompt-symbol{color:var(--acc)}.hero__name{letter-spacing:-.035em;margin-bottom:18px;font-size:clamp(2.75rem,9vw,5.75rem);font-weight:700}.hero__role{color:var(--fg);text-wrap:balance;max-width:34ch;margin-bottom:10px;font-size:clamp(1.05rem,2.2vw,1.35rem)}.hero__tagline{color:var(--fg-dim);max-width:44ch;margin-bottom:38px;font-size:clamp(1rem,1.8vw,1.15rem)}.hero__actions{flex-wrap:wrap;gap:14px;display:flex}.hero__scroll{z-index:2;color:var(--fg-dim);letter-spacing:.08em;font-size:.8rem;animation:2.6s ease-in-out infinite float;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.hero__scroll:hover{color:var(--acc);text-decoration:none}@keyframes float{50%{transform:translate(-50%)translateY(6px)}}.btn{border-radius:var(--radius);border:1px solid var(--acc);letter-spacing:.02em;transition:transform .25s var(--ease), box-shadow .25s var(--ease), background-color .25s;align-items:center;gap:8px;padding:13px 26px;font-size:.92rem;display:inline-flex}.btn:hover{text-decoration:none;transform:translateY(-2px)}.btn--primary{background:var(--acc);color:#04140c;font-weight:600;box-shadow:0 0 #00ff9c00}.btn--primary:hover{box-shadow:0 6px 30px #00ff9c59}.btn--ghost{color:var(--acc);background:#00ff9c0a;border-color:#00ff9c59}.btn--ghost:hover{border-color:var(--acc);background:var(--acc-soft)}.section{border-top:1px solid var(--line-soft);padding-block:clamp(72px,12vh,130px);position:relative;overflow:hidden}.section .container{z-index:1;position:relative}.section__ghost{z-index:0;letter-spacing:-.04em;color:#0000;-webkit-text-stroke:1.5px #00ff9c1a;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(7rem,24vw,18rem);font-weight:700;line-height:1;position:absolute;top:clamp(16px,5vh,48px);right:-.06em}@supports (animation-timeline:view()){.section__ghost{animation:linear both ghost-drift;animation-timeline:view()}@keyframes ghost-drift{0%{transform:translateY(14vh)}to{transform:translateY(-14vh)}}}.section--tight{border-top:0;padding-block:0 clamp(40px,6vh,70px)}.section--last{padding-bottom:clamp(90px,14vh,160px)}.section__title{margin-bottom:16px;font-size:clamp(1.7rem,4vw,2.5rem)}.section__hash{color:var(--acc);vertical-align:.35em;letter-spacing:.1em;margin-right:10px;font-size:.6em}.section__lead{color:var(--fg-dim);max-width:58ch;margin-bottom:clamp(34px,5vh,54px);font-size:clamp(1rem,1.9vw,1.15rem)}.about{grid-template-columns:1.15fr .85fr;align-items:start;gap:clamp(28px,5vw,64px);margin-top:clamp(24px,4vh,44px);display:grid}.about__text{font-size:clamp(1.02rem,1.9vw,1.14rem)}.about__text p+p{margin-top:1.1em}.terminal{background:var(--bg-panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #00000073}.terminal__bar{border-bottom:1px solid var(--line-soft);background:#97b2c90f;align-items:center;gap:7px;padding:11px 14px;display:flex}.terminal__dot{background:#97b2c938;border-radius:50%;width:11px;height:11px}.terminal__dot:first-child{background:#ff6b8199}.terminal__dot:nth-child(2){background:#ffc45799}.terminal__dot:nth-child(3){background:#00ff9c8c}.terminal__title{color:var(--fg-dim);margin-left:auto;font-size:.75rem}.terminal__body{color:var(--fg);margin:0;padding:20px 22px;font-size:.88rem;line-height:1.9;overflow-x:auto}.terminal__body .t-line{opacity:0;transition:opacity .32s var(--ease), transform .32s var(--ease);display:inline-block;transform:translate(-7px)}.terminal.is-visible .t-line{opacity:1;transform:none}.terminal.is-visible .t-line:first-child{transition-delay:50ms}.terminal.is-visible .t-line:nth-child(2){transition-delay:.3s}.terminal.is-visible .t-line:nth-child(3){transition-delay:.42s}.terminal.is-visible .t-line:nth-child(4){transition-delay:.54s}.terminal.is-visible .t-line:nth-child(5){transition-delay:.66s}.terminal.is-visible .t-line:nth-child(6){transition-delay:.78s}.terminal.is-visible .t-line:nth-child(7){transition-delay:1.02s}.cards{grid-template-columns:repeat(2,1fr);gap:clamp(18px,3vw,28px);display:grid}.card{background:var(--bg-elev);border:1px solid var(--line);color:var(--fg);transition:transform .3s var(--ease), border-color .3s, box-shadow .3s var(--ease);border-radius:14px;flex-direction:column;gap:14px;padding:clamp(24px,3.5vw,36px);display:flex;position:relative}.card:before,.card:after,.teach--main:before,.teach--main:after{content:"";border:1px solid var(--acc);opacity:0;pointer-events:none;width:15px;height:15px;transition:opacity .3s, transform .3s var(--ease);position:absolute}.card:before,.teach--main:before{border-bottom:0;border-right:0;top:9px;left:9px;transform:translate(5px,5px)}.card:after,.teach--main:after{border-top:0;border-left:0;bottom:9px;right:9px;transform:translate(-5px,-5px)}.card:hover:before,.card:hover:after,.teach--main:hover:before,.teach--main:hover:after{opacity:.85;transform:none}.card:hover{border-color:var(--acc-dim);text-decoration:none;transform:translateY(-5px);box-shadow:0 18px 50px #00000080,0 0 40px #00ff9c12}.card__top{justify-content:space-between;align-items:center;display:flex}.card__badge{background:var(--acc-soft);width:fit-content;color:var(--acc);letter-spacing:.06em;font-size:.72rem;font-family:var(--font-mono);border:1px solid #00ff9c4d;border-radius:999px;padding:5px 11px;display:inline-block}.card__arrow{color:var(--fg-dim);transition:transform .3s var(--ease), color .3s;font-size:1.25rem}.card:hover .card__arrow{color:var(--acc);transform:translate(3px,-3px)}.card__title{font-size:clamp(1.5rem,2.6vw,1.9rem)}.card__text{color:var(--fg-dim);margin:0}.card__text strong{color:var(--fg)}.card__url{color:var(--acc2);margin-top:auto;padding-top:10px;font-size:.84rem}.teach-grid{grid-template-columns:1.55fr 1fr;align-items:stretch;gap:clamp(18px,3vw,28px);display:grid}.teach{background:var(--bg-elev);border:1px solid var(--line);border-radius:14px;flex-direction:column;padding:clamp(22px,3vw,32px);display:flex}.teach--main{background:linear-gradient(120deg, #00ff9c12, #5ce1ff0a 60%, var(--bg-elev));border-color:#00ff9c4d;position:relative}.teach__text{color:var(--fg-dim);margin:0 0 16px;font-size:.98rem}.teach__text strong{color:var(--fg)}.teach__title{color:var(--acc2);margin-bottom:16px;font-size:.95rem;font-weight:600}.teach__list{margin:0;padding:0;list-style:none}.teach__list li{border-bottom:1px dashed var(--line-soft);padding:9px 0 9px 22px;font-size:.97rem;position:relative}.teach__list li:last-child{border-bottom:0}.teach__list li:before{content:"▸";color:var(--acc);opacity:.7;position:absolute;left:0}.teach__note{color:var(--fg-dim);font-size:.85em}.teach__link{margin-top:auto;padding-top:16px;font-size:.84rem}.contact{text-align:center;padding-top:clamp(10px,2vh,24px)}.contact__line{color:var(--fg-dim);margin-bottom:18px;font-size:1rem}.contact__email{letter-spacing:-.02em;color:var(--fg-strong);margin-bottom:28px;font-size:clamp(1.4rem,4.5vw,2.6rem);font-weight:600;transition:color .25s;display:inline-block}.contact__email:hover{color:var(--acc);text-decoration:none}.contact__social{justify-content:center;gap:26px;font-size:.92rem;display:flex}.footer{border-top:1px solid var(--line-soft);padding-block:30px}.footer__inner{color:var(--fg-dim);flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:.8rem;display:flex}.footer__inner p{margin:0}.footer__inner a{color:var(--fg-dim);text-decoration:underline}.footer__inner a:hover{color:var(--acc)}.footer__note{color:var(--fg-dim)}.ascii-wave{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.wave-divider{height:clamp(90px,14vh,140px);position:relative;overflow:hidden}.notfound{text-align:left;align-items:center;min-height:100svh;display:flex;position:relative}.notfound .container{z-index:1;position:relative}.notfound__term{background:var(--bg-panel);border:1px solid var(--line);border-radius:12px;max-width:560px;margin-bottom:34px;padding:20px 22px;font-size:.88rem;line-height:1.9;overflow-x:auto}.notfound__title{letter-spacing:-.04em;margin-bottom:8px;font-size:clamp(4rem,14vw,8rem)}.notfound .section__lead{margin-bottom:30px}[data-reveal]{opacity:0;filter:blur(6px);transition:opacity .7s var(--ease), transform .7s var(--ease), filter .7s var(--ease);transform:translateY(26px)scale(.99)}[data-reveal].is-visible{opacity:1;filter:none;transform:none}#progress-bar{z-index:60;background:linear-gradient(90deg, var(--acc), var(--acc2));transform-origin:0;pointer-events:none;height:2px;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}@media (width<=880px){.about,.cards,.teach-grid{grid-template-columns:1fr}.footer__inner{flex-direction:column;gap:6px}}@media (width<=640px){.nav__logo{font-size:.85rem}.hero__scroll{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;filter:none;transform:none}.section__ghost{animation:none}}