:root{--bg:#07070b;--black:#07070b;--white:#f7f7fa;--ink:#fff;--muted:#a3a3b3;--lime:#d3ff1f;--cyan:#fff;--violet:#fff;--magenta:#d3ff1f;--gradient-main:linear-gradient(120deg, var(--lime) 0%, #fff 100%);--gradient-soft:linear-gradient(120deg, #d3ff1f29, #ffffff0d);--glass-bg:#ffffff0b;--glass-bg-strong:#ffffff14;--glass-border:#ffffff1f;--font-display:"Space Grotesk", "Arial", sans-serif;--font-body:"Space Grotesk", "Arial", sans-serif;--font-mono:"JetBrains Mono", "Courier New", monospace;--radius-sm:12px;--radius:20px;--radius-lg:28px;--container:1240px;--gutter:clamp(20px, 5vw, 64px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5;overflow-x:hidden}::-moz-selection{background:var(--lime);color:#07070b}::selection{background:var(--lime);color:#07070b}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}:focus-visible{outline:3px solid var(--lime);outline-offset:3px}img,svg{max-width:100%;display:block}.gradient-field{z-index:-1;background:var(--bg);position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.blob{filter:blur(90px);opacity:.55;will-change:transform;border-radius:50%;position:absolute}.blob--lime{background:radial-gradient(circle, var(--lime), transparent 70%);width:46vw;height:46vw;animation:26s ease-in-out infinite drift-a;top:-10%;left:-8%}.blob--violet{background:radial-gradient(circle, var(--violet), transparent 70%);width:50vw;height:50vw;animation:32s ease-in-out infinite drift-b;top:20%;right:-14%}.blob--magenta{background:radial-gradient(circle, var(--magenta), transparent 70%);width:40vw;height:40vw;animation:30s ease-in-out infinite reverse drift-a;bottom:-12%;left:8%}.blob--cyan{background:radial-gradient(circle, var(--cyan), transparent 70%);width:38vw;height:38vw;animation:24s ease-in-out infinite reverse drift-b;bottom:4%;right:6%}.gradient-field__grain{background:radial-gradient(at 50% 0,#07070b00 0%,#07070b99 60%,#07070bf2 100%);position:absolute;top:0;bottom:0;left:0;right:0}@keyframes drift-a{0%,to{transform:translate(0)scale(1)}50%{transform:translate(4vw,6vw)scale(1.12)}}@keyframes drift-b{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-5vw,4vw)scale(1.08)}}@media (prefers-reduced-motion:reduce){.blob{animation:none!important}}.cursor-dot,.cursor-ring{pointer-events:none;z-index:9999;will-change:transform;border-radius:50%;position:fixed;top:0;left:0}.cursor-dot{background:var(--lime);width:8px;height:8px;margin:-4px 0 0 -4px;box-shadow:0 0 12px 2px #d3ff1fb3}.cursor-ring{border:1.5px solid #ffffff80;width:36px;height:36px;margin:-18px 0 0 -18px;transition:width .25s,height .25s,margin .25s,background .25s,border-color .25s}.cursor-ring.is-active{border-color:var(--lime);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff14;width:60px;height:60px;margin:-30px 0 0 -30px}@media (pointer:coarse){.cursor-dot,.cursor-ring{display:none}}.scroll-progress{background:var(--gradient-main);transform-origin:0%;z-index:1000;height:3px;position:fixed;top:0;left:0;right:0}.nav-fixed{z-index:900;width:min(880px,100% - 32px);position:fixed;top:18px;left:50%;transform:translate(-50%)}.nav{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(18px);background:#0f0f168c;border-radius:999px;justify-content:space-between;align-items:center;gap:40px;width:100%;padding:12px 22px;display:flex}.nav__mark{font-family:var(--font-mono);letter-spacing:.02em;align-items:center;gap:8px;font-weight:500;display:flex}.nav__mark-box{background:var(--gradient-main);border-radius:3px;width:10px;height:10px}.nav__links{font-family:var(--font-mono);color:var(--muted);gap:max(14px,min(3vw,32px));font-size:.82rem;display:flex}.nav__links a{padding-bottom:2px;transition:color .2s;position:relative}.nav__links a:hover{color:var(--ink)}.nav__links a:after{content:"";background:var(--gradient-main);border-radius:2px;width:0;height:2px;transition:width .25s;position:absolute;bottom:-3px;left:0}.nav__links a:hover:after{width:100%}@media (max-width:640px){.nav{gap:16px}.nav__links{gap:12px;font-size:.72rem}}.section-head{padding:0 var(--gutter);align-items:baseline;gap:18px;margin-bottom:max(32px,min(6vw,64px));display:flex}.section-index{font-family:var(--font-mono);color:var(--muted);border:1px solid var(--glass-border);border-radius:999px;padding:5px 12px;font-size:max(1rem,min(1.4vw,1.1rem));line-height:1}.section-head h2{font-family:var(--font-display);font-size:max(1.6rem,min(3.2vw,2.6rem));font-weight:600}.hero{min-height:100svh;padding:120px var(--gutter) 64px;align-items:center;display:flex;position:relative;overflow:hidden}.hero__grid{display:none}.hero__inner{z-index:1;max-width:var(--container);width:100%;margin:0 auto;position:relative}.hero__layout{grid-template-columns:1fr;align-items:center;gap:24px;display:grid}.hero__col-visual{display:none}@media (min-width:760px){.hero__layout{grid-template-columns:1.05fr .95fr;gap:20px}.hero__col-visual{height:min(70vh,520px);display:block}}.scene3d{width:100%;height:100%}.scene3d canvas{outline:none}.hero__terminal{border-radius:var(--radius);background:var(--gradient-main);width:min(560px,92vw);margin-bottom:40px;padding:1.5px;box-shadow:0 20px 60px -20px #8b5cf659}.hero__terminal-bar{border-bottom:1px solid var(--glass-border);border-radius:calc(var(--radius) - 1.5px) calc(var(--radius) - 1.5px) 0 0;background:#0a0a0feb;align-items:center;gap:6px;padding:10px 14px;display:flex}.hero__terminal-bar span{border-radius:50%;width:9px;height:9px;display:inline-block}.hero__terminal-bar span:first-child{background:var(--magenta)}.hero__terminal-bar span:nth-child(2){background:var(--lime)}.hero__terminal-bar span:nth-child(3){background:var(--cyan)}.hero__terminal-bar p{font-family:var(--font-mono);color:var(--muted);margin-left:10px;font-size:.75rem}.hero__terminal-body{font-family:var(--font-mono);border-radius:0 0 calc(var(--radius) - 1.5px) calc(var(--radius) - 1.5px);background:#0a0a0feb;min-height:168px;padding:16px 18px 20px;font-size:.85rem}.hero__terminal-line{word-break:break-word;color:#d8d8e2;margin-bottom:8px}.hero__prompt{color:var(--lime);font-weight:500}.hero__cursor-blink{background:var(--lime);width:7px;height:14px;margin-left:2px;animation:1s step-end infinite blink;display:inline-block;transform:translateY(2px)}.hero__headline{font-family:var(--font-display);background:var(--gradient-main);color:#0000;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;max-width:18ch;min-height:1.08em;font-size:max(2.2rem,min(7vw,5rem));font-weight:700;line-height:1.08;animation:18s infinite gradient-pan}@keyframes gradient-pan{0%,to{background-position:0%}50%{background-position:100%}}.hero__cursor-block{background:var(--lime);width:.5em;height:.85em;margin-left:4px;display:inline-block;transform:translateY(.08em)}.hero__cursor-block.is-blinking{animation:1s step-end infinite blink}.hero__sub{max-width:52ch;color:var(--muted);margin-top:28px;font-size:max(1rem,min(1.6vw,1.2rem))}.hero__actions{flex-wrap:wrap;gap:16px;margin-top:36px;display:flex}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.btn{font-family:var(--font-mono);border-radius:999px;padding:14px 28px;font-size:.9rem;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-block}.btn--fill{background:var(--gradient-main);color:#08080d;font-weight:600}.btn--fill:hover{transform:translateY(-3px);box-shadow:0 14px 30px -10px #8b5cf68c}.btn--outline{color:var(--ink);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a}.btn--outline:hover{border-color:var(--lime);transform:translateY(-3px);box-shadow:0 14px 30px -14px #d3ff1f66}.marquee{border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);padding:20px 0;overflow:hidden}.marquee__track{width:-webkit-max-content;width:-moz-max-content;width:max-content;font-family:var(--font-mono);font-size:max(1rem,min(2.4vw,1.5rem));font-weight:500;animation:24s linear infinite marquee;display:flex}.marquee__track span{white-space:nowrap;color:var(--muted);align-items:center;gap:20px;padding:0 24px;display:flex}.marquee__track i{background:var(--gradient-main);border-radius:50%;width:6px;height:6px;display:inline-block}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.work{padding:max(64px,min(10vw,120px)) 0}.work__grid{padding:0 var(--gutter);grid-template-columns:repeat(6,1fr);gap:20px;display:grid}.work__card{border-radius:var(--radius);background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);cursor:default;flex-direction:column;grid-column:span 3;gap:14px;padding:28px;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s,background .35s;display:flex;position:relative;overflow:hidden}.work__card:before{content:"";background:var(--gradient-soft);opacity:0;z-index:-1;transition:opacity .35s;position:absolute;top:0;bottom:0;left:0;right:0}.work__card:first-child,.work__card:nth-child(4){grid-column:span 4}.work__card:nth-child(2),.work__card:nth-child(5){grid-column:span 2}.work__card:nth-child(3),.work__card:nth-child(6){grid-column:span 6}@media (min-width:900px){.work__card:nth-child(3),.work__card:nth-child(6){grid-column:span 3}}.work__card:hover{background:var(--glass-bg-strong);border-color:#ffffff38;transform:translateY(-6px)}.work__card:hover:before{opacity:1}.work__card-top{justify-content:flex-end;display:flex}.work__n{font-family:var(--font-mono);color:var(--muted);font-size:.9rem}.work__card h3{font-family:var(--font-display);font-size:1.2rem;font-weight:600}.work__card p{color:var(--muted);font-size:.95rem;line-height:1.55}.work__tags{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:8px;list-style:none;display:flex}.work__tags li{font-family:var(--font-mono);border:1px solid var(--glass-border);color:var(--muted);border-radius:999px;padding:4px 11px;font-size:.72rem}@media (max-width:760px){.work__grid{grid-template-columns:1fr}.work__card,.work__card:first-child,.work__card:nth-child(2),.work__card:nth-child(3),.work__card:nth-child(4),.work__card:nth-child(5),.work__card:nth-child(6){grid-column:span 1}}.stack{padding:max(64px,min(10vw,120px)) 0}.stack__layout{max-width:var(--container);padding:0 var(--gutter);grid-template-columns:minmax(220px,300px) 1fr;align-items:start;gap:32px;margin:0 auto;display:grid}.stack__portrait{border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:var(--glass-bg);overflow:hidden;box-shadow:0 0 0 1px #d3ff1f14,0 24px 60px -24px #d3ff1f40}.stack__portrait picture,.stack__portrait img{object-fit:cover;width:100%;height:100%;display:block}.stack__listing{padding:8px var(--gutter);border-radius:var(--radius-lg);background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px)}@media (max-width:760px){.stack__layout{grid-template-columns:1fr}.stack__portrait{aspect-ratio:1;max-width:280px;margin:0 auto}}.stack__row{padding:22px var(--gutter);margin:0 calc(var(--gutter) * -1);border-top:1px solid var(--glass-border);grid-template-columns:minmax(140px,220px) 1fr;align-items:baseline;gap:20px;display:grid}.stack__row:first-child{border-top:none}.stack__path{font-family:var(--font-mono);background:var(--gradient-main);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:500}.stack__row ul{flex-wrap:wrap;gap:8px 0;list-style:none;display:flex}.stack__row li{font-family:var(--font-body);color:var(--white);font-size:.95rem}.stack__row li:not(:last-child):after{content:"/";color:var(--muted);font-family:var(--font-mono);margin:0 12px}@media (max-width:640px){.stack__row{grid-template-columns:1fr;gap:10px}}.about{padding:max(64px,min(10vw,120px)) 0}.about__body{padding:36px var(--gutter);max-width:var(--container);border-radius:var(--radius-lg);background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);border-left:3px solid #0000;border-image:var(--gradient-main) 1;margin:0 auto}.about__body p{max-width:56ch;font-size:max(1.05rem,min(2.2vw,1.4rem));line-height:1.55;font-family:var(--font-body);color:var(--white);margin-bottom:22px}.about__body p:last-child{color:var(--muted);margin-bottom:0}.contact{margin:clamp(64px, 10vw, 120px) var(--gutter);padding:clamp(56px, 10vw, 100px) var(--gutter);border-radius:var(--radius-lg);background:var(--gradient-main);color:#08080d;text-align:center;flex-direction:column;align-items:center;gap:28px;display:flex}.contact h2{font-family:var(--font-display);max-width:18ch;font-size:max(1.6rem,min(4.2vw,3rem));font-weight:700;line-height:1.15}.contact__link{font-family:var(--font-mono);border-bottom:3px solid #08080d66;padding-bottom:4px;font-size:max(1.1rem,min(3vw,1.8rem));font-weight:500;transition:border-color .2s}.contact__link:hover{border-color:#08080d}.contact__meta{font-family:var(--font-mono);opacity:.75;flex-wrap:wrap;justify-content:center;gap:24px;font-size:.8rem;display:flex}.contact__meta a{text-underline-offset:3px;text-decoration:underline;transition:opacity .2s}.contact__meta a:hover{opacity:.6}.footer{padding:24px var(--gutter) 32px;font-family:var(--font-mono);color:var(--muted);justify-content:space-between;font-size:.8rem;display:flex}.game{padding:max(64px,min(10vw,120px)) 0}.game__panel{max-width:var(--container);padding:0 var(--gutter);margin:0 auto}.game__hud{flex-wrap:wrap;align-items:center;gap:max(20px,min(4vw,40px));margin-bottom:20px;display:flex}.game__hud>div{flex-direction:column;gap:2px;display:flex}.game__hud-label{font-family:var(--font-mono);color:var(--muted);text-transform:lowercase;font-size:.72rem}.game__hud-value{font-family:var(--font-display);font-size:1.4rem;font-weight:700}.game__field{border-radius:var(--radius-lg);background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);height:max(280px,min(40vw,380px));position:relative;overflow:hidden}.game__hint,.game__result{text-align:center;color:var(--muted);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;max-width:40ch;margin:0 auto;padding:24px;font-size:.95rem;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.game__result-score{font-family:var(--font-display);color:var(--lime);margin-top:8px;font-size:1.6rem;font-weight:700}.bug{background:0 0;border:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.bug__body{background:var(--lime);border-radius:50% 50% 55% 55%;width:22px;height:26px;display:block;position:relative;box-shadow:0 0 16px #d3ff1f8c}.bug__spot{background:#07070b;border-radius:50%;width:6px;height:6px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.bug__leg{background:var(--lime);border-radius:2px;width:12px;height:2px;position:absolute;top:50%}.bug__leg--l1{top:40%;left:-10px;transform:rotate(20deg)}.bug__leg--l2{top:65%;left:-10px;transform:rotate(-20deg)}.bug__leg--r1{top:40%;right:-10px;transform:rotate(-20deg)}.bug__leg--r2{top:65%;right:-10px;transform:rotate(20deg)}