@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-I4S5GZfc.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-BmXc_FBt.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-GZpp1pK2.woff2) format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-D8KDMBhC.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-DrnZ1wKl.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-B_7UjwxQ.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #050505;--surface: #0b0b0b;--card: #111111;--border: rgba(255, 255, 255, .08);--text: #f4f4f5;--text-dim: #8a8a8a;--accent: #ff4655;--accent-ambient: .09;--r-card: 20px;--r-tile: 12px;--ease: cubic-bezier(.16, 1, .3, 1);--font-sans: "Geist Variable", "SF Pro Display", -apple-system, "Segoe UI", sans-serif;--font-mono: "Geist Mono Variable", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark;scrollbar-width:thin;scrollbar-color:#262626 transparent}html,body{overflow-x:clip}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.5;min-height:100svh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:#ff465552;color:#fff}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-thumb{background:#222;border-radius:99px}::-webkit-scrollbar-track{background:transparent}:focus-visible{outline:2px solid rgba(255,70,85,.65);outline-offset:3px}button{font-family:inherit}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}.page{position:relative;z-index:1}.section{width:100%;max-width:1440px;margin:0 auto;padding:clamp(7rem,17vh,12rem) clamp(1.4rem,5vw,4rem)}.display-h{font-size:clamp(2.4rem,5.2vw,4.6rem);font-weight:600;letter-spacing:-.035em;line-height:1.04;color:var(--text)}.center{text-align:center}.section-sub{color:var(--text-dim);font-size:clamp(1rem,1.25vw,1.18rem);line-height:1.75;max-width:58ch;margin-top:1.4rem}.section-sub.center{margin-left:auto;margin-right:auto}.kicker{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--text-dim)}.mask-reveal{display:block;overflow:hidden;padding:.1em 0;margin:-.1em 0}.mask-reveal-inner{display:block;transform-origin:0% 100%;will-change:transform}.display-h .mask-reveal-inner,.statement-h .mask-reveal-inner,.gaming-h .mask-reveal-inner,.contact-h .mask-reveal-inner{background:linear-gradient(180deg,#fff 25%,#a9a9a9 130%);-webkit-background-clip:text;background-clip:text;color:transparent}.backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.backdrop-canvas{position:absolute;inset:0}.beam{position:absolute;width:150vmax;height:24vmax;left:-25vmax;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03) 30%,rgba(255,255,255,.055) 50%,rgba(255,255,255,.03) 70%,transparent);filter:blur(64px);will-change:transform}.beam-a{top:4%;rotate:-14deg;animation:beam-drift-a 34s ease-in-out infinite alternate}.beam-b{top:44%;rotate:10deg;animation:beam-drift-b 46s ease-in-out infinite alternate}@keyframes beam-drift-a{0%{transform:translate3d(-6vmax,0,0)}to{transform:translate3d(7vmax,2vmax,0)}}@keyframes beam-drift-b{0%{transform:translate3d(5vmax,1vmax,0)}to{transform:translate3d(-7vmax,-2vmax,0)}}.orb-accent{position:absolute;right:-14%;bottom:-18%;width:58vmax;height:58vmax;border-radius:50%;background:radial-gradient(circle,rgba(255,70,85,var(--accent-ambient)) 0%,transparent 62%);filter:blur(48px);opacity:.55;animation:orb-drift 40s ease-in-out infinite alternate;will-change:transform;transition:opacity 1.4s ease}[data-scene=gaming] .orb-accent,[data-radiant] .orb-accent{opacity:1}@keyframes orb-drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-6vmax,-4vmax,0) scale(1.12)}}.vignette{position:absolute;inset:0;background:radial-gradient(120% 100% at 50% 0%,transparent 42%,rgba(0,0,0,.55) 100%)}.spotlight{position:fixed;top:0;left:0;width:700px;height:700px;border-radius:50%;z-index:2;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.045) 0%,transparent 62%);mix-blend-mode:screen;will-change:transform}.grain{position:fixed;inset:0;z-index:70;pointer-events:none;opacity:.05;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.4'/%3E%3C/svg%3E")}.tilt{position:relative;transform-style:preserve-3d}.tilt-glare{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(420px circle at var(--gx, 50%) var(--gy, 50%),rgba(255,255,255,.07),transparent 55%);opacity:0;transition:opacity .5s;pointer-events:none}.tilt:hover .tilt-glare{opacity:1}.btn{position:relative;overflow:hidden;isolation:isolate;font-size:.95rem;font-weight:500;letter-spacing:.01em;padding:.95rem 2.2rem;border-radius:999px;cursor:pointer;transition:background .4s var(--ease),border-color .4s,color .4s,box-shadow .4s,transform .15s;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:var(--text);color:#0a0a0a;border:1px solid transparent}.btn-primary:hover{background:#fff;box-shadow:0 10px 44px #f4f4f529}.btn-ghost{background:#ffffff05;color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{border-color:#ffffff42;background:#ffffff0d}.btn:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(130px circle at var(--mx, 50%) var(--my, 50%),rgba(255,255,255,.14),transparent 70%);opacity:0;transition:opacity .45s;pointer-events:none}.btn-primary:after{background:radial-gradient(130px circle at var(--mx, 50%) var(--my, 50%),rgba(0,0,0,.12),transparent 70%)}.btn:hover:after{opacity:1}.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;height:68px;padding:0 clamp(1.25rem,4vw,3rem);border-bottom:1px solid transparent;transition:background .5s,border-color .5s,backdrop-filter .5s}.nav-scrolled{background:#0505058c;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);border-bottom-color:#ffffff0f}.nav-brand{font-weight:700;letter-spacing:-.02em;font-size:1.05rem;color:var(--text);background:none;border:none;cursor:pointer;padding:.4rem .6rem}.nav-links{display:flex;gap:.35rem}.nav-link{position:relative;font-size:.88rem;color:var(--text-dim);background:none;border:none;padding:.5rem .9rem;border-radius:999px;cursor:pointer;transition:color .35s,transform .15s}.nav-link:hover,.nav-link-active{color:var(--text)}.nav-link:active{transform:scale(.94)}.nav-pill{position:absolute;inset:0;border-radius:999px;background:#ffffff0f;box-shadow:inset 0 1px #ffffff12}.nav-label{position:relative;z-index:1}.nav-progress{position:absolute;left:0;right:0;bottom:-1px;height:1px;transform-origin:left;background:linear-gradient(90deg,#ffffff24,#fff6 72%,#ff4655e6);pointer-events:none}.nav-status{display:flex;align-items:center;gap:.55rem;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim)}.nav-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:nav-pulse 2.6s ease-in-out infinite}@keyframes nav-pulse{0%,to{box-shadow:0 0 #ff465566}50%{box-shadow:0 0 0 5px #ff465500}}.preloader{position:fixed;inset:0;z-index:90}.preloader-veil{position:absolute;inset:0;background:#0a0a0a}.preloader-panel{position:absolute;inset:0;background:#050505;display:flex;align-items:center;justify-content:center}.preloader-big{position:absolute;left:clamp(1.2rem,4vw,3rem);bottom:.8rem;font-family:var(--font-mono);font-weight:300;font-size:clamp(4rem,9vw,7.5rem);letter-spacing:-.05em;line-height:1;color:#1b1b1b;-webkit-user-select:none;user-select:none}.preloader-center{display:flex;flex-direction:column;align-items:center;gap:1.7rem}.preloader-mark{font-weight:700;letter-spacing:.4em;margin-right:-.4em;font-size:1.15rem;color:var(--text)}.preloader-line-wrap{display:block;height:1.4em;overflow:hidden}.preloader-line{display:block;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--text-dim)}.preloader-progress{position:absolute;left:0;bottom:0;height:2px;background:linear-gradient(90deg,#ffffff40,#ffffffd9);transition:width .12s linear}.hero{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:0 1rem}.hero-inner{text-align:center;will-change:transform}.hero-name{position:relative;font-size:clamp(3.2rem,12.5vw,12rem);font-weight:640;letter-spacing:-.045em;line-height:.96;perspective:1000px}.hero-letter{display:inline-block;will-change:transform,opacity,filter}.hero-letter-inner{display:inline-block;background:linear-gradient(180deg,#fff 30%,#a2a2a2 130%);-webkit-background-clip:text;background-clip:text;color:transparent;will-change:transform}.hero-sheen{position:absolute;top:-12%;bottom:-12%;left:0;width:30%;transform:skew(-16deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);mix-blend-mode:screen;pointer-events:none}[data-radiant] .hero-letter{text-shadow:0 0 46px rgba(255,70,85,.42)}.hero-roles{margin-top:clamp(1.6rem,3.5vh,2.8rem);display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.8rem 1.6rem;list-style:none}.hero-roles li{display:inline-flex;align-items:center;gap:1.6rem;font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;color:var(--text-dim);font-weight:500}.hero-roles li+li:before{content:"";width:1px;height:11px;background:#ffffff29;transition:background .6s}[data-radiant] .hero-roles li+li:before{background:#ff465573}.statement{min-height:92svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6rem 1.4rem}.statement-h{font-size:clamp(2.5rem,5.8vw,5.4rem);font-weight:600;letter-spacing:-.035em;line-height:1.05}.u-word{position:relative;display:inline-block;background:linear-gradient(180deg,#fff 25%,#a9a9a9 130%);-webkit-background-clip:text;background-clip:text;color:transparent}.u-line{position:absolute;left:2%;right:2%;bottom:-.05em;height:2px;border-radius:2px;display:block;transform-origin:left;background:linear-gradient(90deg,#ffffff80,#ff4655a6)}.statement-sub{margin-top:2.4rem;max-width:46ch;color:var(--text-dim);font-size:clamp(1.02rem,1.3vw,1.22rem);line-height:1.8}.statement-cta{margin-top:3rem;display:flex;gap:.9rem;flex-wrap:wrap;justify-content:center}.about-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2.5rem,6vw,6rem);align-items:center}.portrait-frame{border-radius:var(--r-card);border:1px solid var(--border);background:linear-gradient(150deg,#101010,#0a0a0a 55%,#0d0d0d);aspect-ratio:3 / 4;max-width:460px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff12,0 30px 80px #00000080}.portrait-art{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.portrait-art:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 30% 20%,rgba(255,255,255,.06),transparent 60%),radial-gradient(50% 40% at 75% 85%,rgba(255,70,85,.05),transparent 65%)}.portrait-mark{font-size:clamp(6rem,12vw,9rem);font-weight:700;letter-spacing:-.06em;color:#ffffff0d;-webkit-user-select:none;user-select:none;translate:calc((var(--gx, 50%) - 50%) * -.22) calc((var(--gy, 50%) - 50%) * -.22);transition:translate .5s cubic-bezier(.22,1,.36,1)}.portrait-frame:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(118deg,transparent 32%,rgba(255,255,255,.05) 44%,transparent 56%);pointer-events:none}.portrait-scan{position:absolute;left:0;right:0;top:0;height:26%;background:linear-gradient(180deg,transparent,rgba(255,255,255,.035),transparent);transform:translateY(-110%);animation:scan 6.5s ease-in-out infinite}@keyframes scan{0%{transform:translateY(-110%)}55%,to{transform:translateY(420%)}}.about-facts{list-style:none;margin-top:1.8rem}.about-facts li{font-size:clamp(1.35rem,2.4vw,2rem);font-weight:560;letter-spacing:-.02em;padding:1.05rem 0;border-bottom:1px solid rgba(255,255,255,.07);transition:color .4s,opacity .45s,padding-left .4s var(--ease)}.about-facts li:hover{padding-left:.6rem;color:#fff}.about-facts:hover li:not(:hover){opacity:.45}.about-copy{margin-top:1.8rem;color:var(--text-dim);line-height:1.8;max-width:46ch;font-size:1.02rem}.stats.section{padding-top:clamp(3rem,8vh,6rem)}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}.stat{padding:clamp(2rem,4vw,3.2rem) 1.4rem;text-align:center;position:relative}.stat+.stat:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:1px;background:#ffffff12}.stat-value{font-family:var(--font-mono);font-size:clamp(2rem,3.4vw,3.2rem);font-weight:560;letter-spacing:-.04em;color:var(--text);display:flex;align-items:baseline;justify-content:center;transition:transform .5s var(--ease)}.stat:hover .stat-value{transform:translateY(-3px)}.stat-suffix{color:var(--accent);margin-left:.08em;font-size:.7em}.stat-rank{font-family:var(--font-sans);letter-spacing:-.02em;text-shadow:0 0 36px rgba(255,70,85,.35)}.stat-rank span{display:inline-block}.stat-label{display:block;margin-top:.7rem;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim)}.timeline .display-h{margin-bottom:clamp(3rem,7vh,5rem)}.tl{--tl-gap: clamp(2rem, 5vw, 4rem);position:relative;padding-left:var(--tl-gap);max-width:880px}.tl-rail{position:absolute;left:0;top:6px;bottom:6px;width:1px;background:#ffffff14}.tl-rail-fill{position:absolute;inset:0;transform-origin:top;background:linear-gradient(180deg,#ffffff8c,#ffffff59 70%,#ff4655e6)}.tl-items{display:flex;flex-direction:column;gap:.4rem}.tl-item{position:relative;padding:1.1rem 1.2rem 1.1rem 1.6rem;border-radius:var(--r-tile);transition:background .45s,opacity .45s;outline-offset:-2px}.tl-items:hover .tl-item:not(:hover){opacity:.5}.tl-item:hover,.tl-item:focus-visible,.tl-item-active{background:#ffffff08}.tl-node{position:absolute;left:calc(var(--tl-gap) * -1);top:1.7rem;width:8px;height:8px;border-radius:50%;background:#3a3a3a;border:1px solid rgba(255,255,255,.25);transform:translate(calc(-50% + .5px));transition:transform .4s var(--ease),background .4s,box-shadow .4s}.tl-item:hover .tl-node,.tl-item-active .tl-node{background:var(--text);transform:translate(calc(-50% + .5px)) scale(1.4)}.tl-item-now .tl-node{background:var(--accent);border-color:#ff465580;box-shadow:0 0 16px #ff465573}.tl-title{font-size:clamp(1.3rem,2.4vw,1.9rem);font-weight:560;letter-spacing:-.02em}.tl-body{max-height:0;opacity:0;overflow:hidden;color:var(--text-dim);line-height:1.7;font-size:.98rem;max-width:52ch;transition:max-height .55s var(--ease),opacity .45s .05s,margin-top .55s var(--ease)}.tl-item:hover .tl-body,.tl-item:focus-visible .tl-body,.tl-item-active .tl-body{max-height:6em;opacity:1;margin-top:.55rem}.devsec .display-h{margin-bottom:clamp(2.5rem,6vh,4.5rem)}.code-window-wrap{max-width:900px;margin:0 auto}.code-window{border-radius:var(--r-tile);border:1px solid rgba(255,255,255,.09);background:#0d0d0dd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden;box-shadow:0 40px 120px #0000008c,inset 0 1px #ffffff0f;text-align:left}.code-chrome{display:flex;align-items:center;gap:1rem;padding:.8rem 1.1rem;border-bottom:1px solid rgba(255,255,255,.06)}.code-dots{display:flex;gap:7px}.code-dots i{width:11px;height:11px;border-radius:50%;background:#ffffff1f;transition:background .5s}.code-window:hover .code-dots i{background:#ffffff38}.code-window:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(112deg,transparent 44%,rgba(255,255,255,.022) 50%,transparent 56%);pointer-events:none}.code-title{flex:1;text-align:center;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.18em;color:var(--text-dim);margin-right:47px}.code-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.06);overflow-x:auto;scrollbar-width:none}.code-tab{position:relative;font-family:var(--font-mono);font-size:.78rem;color:var(--text-dim);padding:.7rem 1.1rem;background:none;border:none;cursor:pointer;transition:color .3s;white-space:nowrap}.code-tab:hover{color:#cfcfcf}.code-tab-active{color:var(--text);background:#ffffff08}.code-tab-line{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent)}.code-body{display:flex;min-height:380px;font-family:var(--font-mono);font-size:.84rem;line-height:1.75}.code-lines{display:flex;flex-direction:column;padding:1.1rem .9rem;text-align:right;color:#ffffff29;border-right:1px solid rgba(255,255,255,.05);-webkit-user-select:none;user-select:none;min-width:3.4ch}.code-pre{padding:1.1rem 1.3rem;overflow-x:auto;flex:1}.code-pre code{font-family:inherit;white-space:pre}.code-caret{display:inline-block;width:7px;height:1.05em;background:#ffffffbf;vertical-align:text-bottom;margin-left:1px;animation:caret-blink 1.05s steps(1) infinite}@keyframes caret-blink{50%{opacity:0}}.code-status{display:flex;justify-content:space-between;padding:.55rem 1.1rem;border-top:1px solid rgba(255,255,255,.06);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;color:var(--text-dim)}.code-status-right{display:flex;gap:1.4rem}.tk-comment{color:#565656;font-style:italic}.tk-string{color:#d2a8ad}.tk-keyword{color:#ff7a85}.tk-literal,.tk-number{color:#e0c089}.tk-type{color:#9db8cf}.tk-fn{color:#ededed}.tk-ident{color:#c9c9c9}.tk-punct{color:#7b7b7b}.skills{text-align:center}.chips{margin:clamp(2.8rem,6vh,4.5rem) auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 1.1rem;max-width:820px}.chip-slot:nth-child(3n){translate:0 12px}.chip-slot:nth-child(4n){translate:0 -10px}.chip{display:inline-block;padding:.85rem 1.7rem;border-radius:999px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,#ffffff0b,#ffffff04);font-size:.95rem;font-weight:520;letter-spacing:.01em;color:#dedede;box-shadow:inset 0 1px #ffffff0d;animation-name:chip-float;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;transition:border-color .4s,background .4s,color .4s,box-shadow .4s,opacity .45s,rotate .45s var(--ease),scale .2s;cursor:default}.chip-slot:nth-child(2n) .chip{rotate:1.4deg}.chip-slot:nth-child(3n) .chip{rotate:-1.2deg}.chip:hover{rotate:0deg}.chip:active{scale:.96}.chips:hover .chip:not(:hover){opacity:.55}.chip:hover{border-color:#ffffff47;color:#fff;background:linear-gradient(180deg,#ffffff14,#ffffff08);box-shadow:inset 0 1px #ffffff17,0 12px 34px #00000059}[data-radiant] .chip{border-color:#ff465538}@keyframes chip-float{0%{transform:translateY(5px)}to{transform:translateY(-7px)}}.projects-head{padding-bottom:1.5rem}.proj-stack{position:relative}.proj-slot{position:sticky;top:0;height:100svh;display:flex;justify-content:center;align-items:flex-start;padding:0 clamp(1rem,3vw,3rem)}.proj-card{width:min(1180px,100%);height:min(78svh,760px);border-radius:var(--r-card);border:1px solid rgba(255,255,255,.09);background:linear-gradient(165deg,#121212,#0c0c0c);overflow:hidden;display:grid;grid-template-columns:11fr 9fr;transform-origin:top center;position:relative;text-decoration:none;color:var(--text);cursor:pointer;box-shadow:0 -18px 70px #00000073,inset 0 1px #ffffff0f;will-change:transform}@property --spin{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.proj-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:conic-gradient(from var(--spin, 0deg),transparent 0%,rgba(255,255,255,.5) 12%,transparent 26%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .5s;animation:spin-border 5s linear infinite paused;pointer-events:none;z-index:2}.proj-card:hover:before{opacity:1;animation-play-state:running}@keyframes spin-border{to{--spin: 360deg}}.proj-media{position:relative;overflow:hidden;min-height:0}.proj-tone-b .proj-media,.proj-tone-d .proj-media{order:2}.proj-art{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:transform 1.4s var(--ease)}.proj-card:hover .proj-art{transform:scale(1.05)}.proj-art:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(80% 80% at 50% 50%,#000,transparent);mask-image:radial-gradient(80% 80% at 50% 50%,#000,transparent)}.proj-mark{font-weight:700;font-size:clamp(6rem,13vw,12rem);letter-spacing:-.06em;color:#ffffff0d;-webkit-user-select:none;user-select:none;translate:calc((var(--px, 50%) - 50%) * -.16) calc((var(--py, 50%) - 50%) * -.16);transition:translate .7s cubic-bezier(.22,1,.36,1)}.proj-tone-a .proj-art{background:radial-gradient(80% 90% at 20% 15%,rgba(255,255,255,.075),transparent 55%),radial-gradient(70% 80% at 85% 90%,rgba(255,255,255,.035),transparent 60%),#0e0e0e}.proj-tone-b .proj-art{background:radial-gradient(70% 80% at 80% 20%,rgba(255,70,85,.11),transparent 58%),radial-gradient(90% 70% at 15% 85%,rgba(255,255,255,.045),transparent 60%),#0d0d0d}.proj-tone-c .proj-art{background:conic-gradient(from 210deg at 70% 30%,rgba(255,255,255,.06),transparent 30%,rgba(255,255,255,.03) 60%,transparent 80%),#0e0e0e}.proj-tone-d .proj-art{background:linear-gradient(200deg,rgba(255,255,255,.07) 0%,transparent 35%),radial-gradient(60% 70% at 70% 75%,rgba(255,255,255,.04),transparent 60%),#0c0c0c}.proj-tone-e .proj-art{background:radial-gradient(55% 60% at 50% 40%,rgba(255,255,255,.065),transparent 60%),conic-gradient(from 0deg at 50% 120%,transparent,rgba(255,70,85,.05) 25%,transparent 50%),#0e0e0e}.proj-spot{position:absolute;inset:0;opacity:0;transition:opacity .5s;background:radial-gradient(480px circle at var(--px, 50%) var(--py, 50%),rgba(255,255,255,.08),transparent 60%);pointer-events:none}.proj-card:hover .proj-spot{opacity:1}.proj-meta{padding:clamp(1.8rem,3.5vw,3.2rem);display:flex;flex-direction:column;justify-content:flex-end;gap:1.1rem}.proj-host{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);word-break:break-all}.proj-title{font-size:clamp(1.7rem,3vw,2.6rem);font-weight:600;letter-spacing:-.03em;line-height:1.08}.proj-desc{color:var(--text-dim);line-height:1.75;font-size:1rem;max-width:40ch}.proj-tags{display:flex;gap:.5rem;flex-wrap:wrap;list-style:none;margin-top:.4rem}.proj-tags li{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;color:#b9b9b9;padding:.42rem .85rem;border:1px solid rgba(255,255,255,.1);border-radius:999px}.proj-visit{display:inline-flex;align-items:center;gap:.5rem;margin-top:.5rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);transition:color .4s}.proj-card:hover .proj-visit{color:#fff}.proj-visit svg{transition:transform .4s var(--ease)}.proj-card:hover .proj-visit svg{transform:translate(3px,-3px)}.gaming-h{font-size:clamp(3rem,9vw,8rem);font-weight:650;letter-spacing:-.045em;line-height:.98}.val-wrap{margin-top:clamp(3rem,7vh,5rem)}.val-card{position:relative;border-radius:var(--r-card);border:1px solid rgba(255,255,255,.1);background:linear-gradient(160deg,#181818e6,#0a0a0af2);overflow:hidden;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2rem;padding:clamp(2rem,5vw,4rem);min-height:380px;box-shadow:inset 0 1px #ffffff14,0 40px 110px #00000080}.val-card:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 90% at 82% 50%,rgba(255,70,85,.12),transparent 60%);pointer-events:none}.val-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.04) 50%,transparent 60%);pointer-events:none}.val-info{position:relative}.val-game{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.34em;text-transform:uppercase;color:var(--text-dim)}.val-rank{display:block;font-size:clamp(3.4rem,8vw,7rem);font-weight:700;letter-spacing:-.04em;line-height:1;margin-top:1rem;background:linear-gradient(100deg,#fff 20%,#ffb3b9 40%,#ff4655,#ffb3b9 60%,#fff 80%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:rank-sheen 5.5s ease-in-out infinite}@keyframes rank-sheen{0%,to{background-position:0% 0}50%{background-position:100% 0}}.val-note{margin-top:1.2rem;color:var(--text-dim);max-width:34ch;line-height:1.7}.val-badge{position:relative;width:clamp(150px,22vw,220px);aspect-ratio:1;display:flex;align-items:center;justify-content:center}.val-badge:before{content:"";position:absolute;inset:-18%;border-radius:50%;background:radial-gradient(circle,rgba(255,70,85,.28),transparent 60%);filter:blur(18px);animation:badge-pulse 3.6s ease-in-out infinite}@keyframes badge-pulse{0%,to{opacity:.6;transform:scale(.96)}50%{opacity:1;transform:scale(1.05)}}.val-ring{position:absolute;inset:0;border-radius:50%;padding:1.5px;background:conic-gradient(from 0deg,transparent,rgba(255,70,85,.9),transparent 55%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:ring-rotate 7s linear infinite}.val-ring-2{inset:12%;animation-direction:reverse;animation-duration:11s;opacity:.5}@keyframes ring-rotate{to{transform:rotate(360deg)}}.val-core{position:relative;width:58%;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 30% 25%,#1c1c1c,#0b0b0b);border:1px solid rgba(255,70,85,.35);font-size:clamp(2.6rem,5vw,4rem);font-weight:700;color:#ff5a67;text-shadow:0 0 30px rgba(255,70,85,.5);box-shadow:inset 0 1px #ffffff1f}.game-grid{margin-top:clamp(2.5rem,6vh,4rem);display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}.game-card{position:relative;border-radius:var(--r-card);border:1px solid rgba(255,255,255,.08);background:linear-gradient(170deg,#121212,#0c0c0c);padding:1.9rem;min-height:190px;display:flex;flex-direction:column;justify-content:flex-end;gap:.3rem;overflow:hidden;transition:border-color .45s,opacity .45s;box-shadow:inset 0 1px #ffffff0d}.game-card:hover{border-color:#fff3}.game-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:scaleX(0);transition:transform .6s var(--ease)}.game-card:hover:after{transform:scaleX(1)}.game-grid:hover .game-card:not(:hover){opacity:.55}.game-abbr{position:absolute;top:.6rem;right:1rem;font-family:var(--font-mono);font-weight:700;font-size:clamp(2.6rem,4.5vw,3.6rem);letter-spacing:-.05em;color:#ffffff0b;translate:calc((var(--gx, 50%) - 50%) * -.14) calc((var(--gy, 50%) - 50%) * -.14);transition:color .5s,translate .6s cubic-bezier(.22,1,.36,1);-webkit-user-select:none;user-select:none}.game-card:hover .game-abbr{color:#ffffff17}.game-name{font-size:1.22rem;font-weight:600;letter-spacing:-.015em}.game-meta{color:var(--text-dim);font-size:.92rem}.quote{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:8rem 1.4rem}.quote-text{text-align:center;font-size:clamp(2rem,5vw,4.4rem);font-weight:600;letter-spacing:-.035em;line-height:1.14;max-width:24ch}.quote-text p+p{margin-top:.35em}.quote-word{display:inline-block;margin-right:.27em}.quote-word-dim{color:#b9b9b9}.contact{text-align:center;padding-bottom:clamp(7rem,16vh,12rem)}.contact-h{font-size:clamp(2.6rem,6.5vw,6rem);font-weight:650;letter-spacing:-.04em;line-height:1.04}.contact-sub{max-width:40ch}.contact-links{margin-top:3.2rem;display:flex;justify-content:center;gap:.9rem;flex-wrap:wrap}.contact-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:.6rem;padding:1rem 1.8rem;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:var(--text);text-decoration:none;font-size:.96rem;font-weight:520;transition:border-color .45s,background .45s,box-shadow .45s,opacity .45s,transform .15s}.contact-btn:active{transform:scale(.97)}.contact-btn:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(140px circle at var(--mx, 50%) var(--my, 50%),rgba(255,255,255,.1),transparent 70%);opacity:0;transition:opacity .45s;pointer-events:none}.contact-btn:hover:after{opacity:1}.contact-links:hover .contact-btn:not(:hover){opacity:.6}.contact-btn svg{color:var(--text-dim);transition:color .45s,transform .35s var(--ease)}.contact-btn:hover svg{transform:translateY(-1px) scale(1.08)}.contact-btn:hover{border-color:#ffffff4d;background:#ffffff0f;box-shadow:0 0 42px #ffffff12,inset 0 1px #ffffff1a}.contact-btn:hover svg{color:#fff}[data-radiant] .contact-btn:hover{border-color:#ff465566;box-shadow:0 0 42px #ff46551f}.footer{border-top:1px solid rgba(255,255,255,.07);padding:2.2rem clamp(1.4rem,5vw,4rem);display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:1440px;margin:0 auto;color:var(--text-dim);font-size:.85rem}.footer-mark{font-weight:700;color:var(--text);letter-spacing:-.02em;transition:letter-spacing .45s var(--ease),color .45s}.footer-mark:hover{letter-spacing:.14em;color:#fff}.term-overlay{position:fixed;inset:0;z-index:80;background:#040404a8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:1.2rem}.term-window{width:min(720px,100%);height:min(520px,82svh);display:flex;flex-direction:column;border-radius:var(--r-tile);border:1px solid rgba(255,255,255,.12);background:#090909eb;box-shadow:0 60px 160px #0009,inset 0 1px #ffffff14;overflow:hidden}.term-chrome{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.1rem;border-bottom:1px solid rgba(255,255,255,.07);font-family:var(--font-mono);font-size:.74rem;letter-spacing:.12em;color:var(--text-dim)}.term-close{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.3rem .6rem;cursor:pointer;transition:color .3s,border-color .3s}.term-close:hover{color:#fff;border-color:#ffffff4d}.term-body{padding:1rem 1.2rem 1.2rem;overflow-y:auto;font-family:var(--font-mono);font-size:.82rem;line-height:1.9;color:#cfcfcf;flex:1;cursor:text}.term-line{display:flex;gap:.6rem;white-space:pre-wrap}.term-in{color:#fff}.term-out{color:#9a9a9a}.term-prompt{color:var(--accent)}.term-input-row{display:flex;gap:.6rem;align-items:center;margin-top:.2rem}.term-input-row input{flex:1;background:none;border:none;outline:none;color:#fff;font:inherit;caret-color:var(--accent)}.toasts{position:fixed;bottom:1.6rem;left:50%;translate:-50% 0;z-index:85;display:flex;flex-direction:column;align-items:center;gap:.5rem;pointer-events:none}.toast{display:flex;align-items:center;gap:.65rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:#ededed;padding:.8rem 1.4rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#0a0a0ad9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 60px #00000080;white-space:nowrap}.toast-tick{width:12px;height:2px;background:var(--accent)}.dev-grid{position:fixed;inset:0;z-index:65;pointer-events:none;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0,rgba(255,255,255,.035) 1px,transparent 1px,transparent calc(100% / 12)),repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 1px,transparent 1px,transparent 96px)}.dev-hud{position:fixed;left:1.2rem;bottom:1.2rem;z-index:86;display:flex;flex-direction:column;gap:.35rem;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;color:var(--text-dim);background:#080808d9;border:1px solid rgba(255,70,85,.25);border-radius:10px;padding:.85rem 1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dev-hud b{color:#fff;font-weight:500;margin-left:.6rem}.dev-hud-row{display:flex;justify-content:space-between;gap:1.4rem}[data-devmode] .page *{outline:1px solid rgba(255,70,85,.14);outline-offset:-1px}[data-radiant]{--accent-ambient: .13}[data-radiant] .beam{background:linear-gradient(90deg,transparent,rgba(255,70,85,.03) 30%,rgba(255,120,130,.05) 50%,rgba(255,70,85,.03) 70%,transparent)}[data-radiant] .tl-rail-fill{background:linear-gradient(180deg,#ff4655b3,#ff4655f2)}[data-radiant] .spotlight{background:radial-gradient(circle,rgba(255,70,85,.07) 0%,transparent 62%)}@media(max-width:1024px){.about-grid{gap:3rem}}@media(max-width:900px){.game-grid{grid-template-columns:repeat(2,1fr)}.val-card{grid-template-columns:1fr}.val-badge{margin:0 auto}}@media(max-width:860px){.about-grid{grid-template-columns:1fr}.portrait-frame{max-width:340px;margin:0 auto}.stats-grid{grid-template-columns:1fr 1fr;border-bottom:none}.stat{border-bottom:1px solid rgba(255,255,255,.07)}.stat+.stat:before{display:none}.stat:last-child{grid-column:1 / -1}.proj-card{grid-template-columns:1fr;grid-template-rows:minmax(220px,36svh) auto;height:auto;min-height:74svh}.proj-tone-b .proj-media,.proj-tone-d .proj-media{order:0}.proj-slot{align-items:center;padding-top:4rem}.code-body{font-size:.72rem;min-height:300px}.chip-slot:nth-child(3n),.chip-slot:nth-child(4n){translate:0 0}}@media(max-width:760px){.nav-links{display:none}}@media(max-width:640px){.hero-roles{gap:.7rem 1.4rem}.hero-roles li{gap:0}.hero-roles li+li:before{display:none}.footer{flex-direction:column;text-align:center;gap:.5rem}}@media(max-width:600px){.game-grid{grid-template-columns:1fr}}@media(max-width:560px){.nav-status{display:none}}@media(prefers-reduced-motion:reduce){.beam,.orb-accent,.portrait-scan,.chip,.val-ring,.val-badge:before,.val-rank,.code-caret,.nav-dot,.proj-card:before{animation:none!important}.spotlight,.grain,.hero-sheen{display:none}.portrait-mark,.proj-mark,.game-abbr{translate:0 0}}