@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}}}.visible{visibility:visible}.hidden{display:none}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font-space-grotesk:"Space Grotesk";--font-plex-mono:"IBM Plex Mono";--bg:#0d0d12;--bg-accent:#ffffff0a;--fg:#f5f5f6;--muted:#f5f5f6a6;--brand:#5a65ff;--brand-soft:#5a65ff24;--accent:#f96dff;--shadow:0 24px 60px #00000059;--bg-gradient-1:#0b0b1a;--bg-gradient-2:#111f3a;--bg-gradient-3:#2c1252;--surface:#101222b3;--surface-strong:#181b2ed9;--surface-border:#ffffff14;--surface-border-strong:#ffffff24;--glow-primary:#5a65ff59;--glow-accent:#f96dff47;--button-fg:#09090c;--section-radius:36px;--skill-blue:#7aa7ff;--skill-cyan:#67e3ff;--skill-lime:#c0ff7a;--skill-green:#6aff8e;--skill-teal:#68e2d2;--skill-gold:#ffd76a;--skill-orange:#ff9b6a;--skill-pink:#ff7ae6;--skill-indigo:#b09aff;--muted-strong:#f5f5f6c7;--text-hero-gradient:linear-gradient(120deg,#b0a6ff 0%,#5af4e2 45%,#f96dff 90%);--text-heading-gradient:linear-gradient(120deg,#6f8bff 0%,#f96dff 55%,#ffc32d 100%);--text-highlight:#9ef4ff}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--bg:#eef1ff;--bg-accent:#3a4cff0f;--fg:#111227;--muted:#111226b8;--brand:#3a4cff;--brand-soft:#3a4cff29;--accent:#f45dfb;--shadow:0 22px 58px #3a4cff33;--bg-gradient-1:#f6f7ff;--bg-gradient-2:#e5efff;--bg-gradient-3:#ffe8fb;--surface:#ffffffe0;--surface-strong:#fffffff0;--surface-border:#3a4cff14;--surface-border-strong:#3a4cff24;--glow-primary:#3a4cff47;--glow-accent:#f45dfb3d;--button-fg:#fff;--skill-blue:#4462ff;--skill-cyan:#00b7d9;--skill-lime:#6dbc2f;--skill-green:#1cbf63;--skill-teal:#2a9c96;--skill-gold:#d7921f;--skill-orange:#f0683f;--skill-pink:#d24cd0;--skill-indigo:#5c4cff;--muted-strong:#111226cc;--text-hero-gradient:linear-gradient(120deg,#3a4cff 0%,#1ac8de 45%,#f45dfb 90%);--text-heading-gradient:linear-gradient(120deg,#3a4cff 0%,#f45dfb 60%,#ffb347 100%);--text-highlight:#2176ff}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-space-grotesk),system-ui,sans-serif;background:radial-gradient(circle at 16% 20%,#f96dff1f,transparent 45%),radial-gradient(circle at 84% 10%,#5a65ff2e,transparent 50%),linear-gradient(160deg,var(--bg-gradient-1),var(--bg-gradient-2)55%,var(--bg-gradient-3));color:var(--fg);letter-spacing:.01em;min-height:100%;margin:0;padding:0;line-height:1.6;position:relative}body:before,body:after{content:"";z-index:-3;pointer-events:none;position:fixed;inset:0}body:before{filter:blur();opacity:.9;background:radial-gradient(at 0 0,#5a65ff40,#0000 55%),radial-gradient(at 100% 100%,#f96dff33,#0000 60%)}body:after{opacity:.8;z-index:-4;background:radial-gradient(circle at 30% 80%,#3bf4e224,#0000 60%)}:root[data-theme=light] body{background:radial-gradient(circle at 18% 22%,#f45dfb2e,transparent 42%),radial-gradient(circle at 82% 12%,#3a4cff38,transparent 50%),linear-gradient(165deg,var(--bg-gradient-1),var(--bg-gradient-2)55%,var(--bg-gradient-3))}:root[data-theme=light] body:before{opacity:.95;background:radial-gradient(at 0 0,#3a4cff52,#0000 58%),radial-gradient(at 100% 100%,#f45dfb4d,#0000 62%)}:root[data-theme=light] body:after{opacity:.9;background:radial-gradient(circle at 42% 86%,#209eff2e,#0000 58%),radial-gradient(circle at 78% 68%,#ffbc632e,#0000 65%)}:root[data-theme=light] .grain{mix-blend-mode:multiply;opacity:.16;background-image:radial-gradient(circle at 16% 20%,#3a4cff14 .5px,#0000 .6px),radial-gradient(circle at 72% 64%,#f45dfb0f .5px,#0000 .7px)}.grain{pointer-events:none;z-index:-1;mix-blend-mode:soft-light;opacity:.18;background-image:radial-gradient(circle at 12% 18%,#ffffff0f .5px,#0000 .6px),radial-gradient(circle at 72% 64%,#0000000d .5px,#0000 .7px);background-size:14px 14px,18px 18px;position:fixed;inset:0}.site-header{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);will-change:transform,opacity;background:linear-gradient(#0d0d12e6 0%,#0d0d1233 100%);border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:24px clamp(16px,4vw,48px);transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .35s;display:flex;position:sticky;top:0}:root[data-theme=light] .site-header{background:linear-gradient(#eff1fff5 0%,#eff1ffc7 55%,#fcf0ff94 100%);border-bottom-color:#3a4cff24;box-shadow:0 20px 44px #3a4cff29}.site-header[data-hidden=true]{opacity:0;pointer-events:none;transform:translateY(-120%)}.logo{color:var(--fg);letter-spacing:.04em;font-weight:600;text-decoration:none}.site-nav{align-items:center;gap:24px;display:flex}.site-nav a{color:var(--muted);font-size:.95rem;text-decoration:none;position:relative}.site-nav a:after{content:"";background:linear-gradient(90deg,var(--brand),var(--accent));transform-origin:0;width:100%;height:2px;transition:transform .3s;position:absolute;bottom:-6px;left:0;transform:scaleX(0)}.site-nav a:hover:after,.site-nav a:focus-visible:after{transform:scaleX(1)}.site-header__menu-button{z-index:11;width:clamp(44px,9vw,52px);height:clamp(44px,9vw,52px);color:var(--fg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;opacity:0;pointer-events:none;background:linear-gradient(160deg,#0d0d12db,#0d0d128f);border:1px solid #ffffff1f;border-radius:18px;justify-content:center;align-items:center;transition:opacity .35s,transform .45s cubic-bezier(.22,1,.36,1),box-shadow .3s;display:inline-flex;position:fixed;top:clamp(14px,3vw,24px);right:clamp(16px,5vw,36px);transform:translateY(-16px);box-shadow:0 24px 55px #0f11206b}.site-header__menu-button svg{width:clamp(22px,5vw,26px);height:clamp(22px,5vw,26px)}.site-header__menu-button[data-visible=true]{opacity:1;pointer-events:auto;transform:translateY(0)}.site-header__menu-button:hover,.site-header__menu-button:focus-visible{box-shadow:0 26px 60px #5a65ff59}:root[data-theme=light] .site-header__menu-button{background:linear-gradient(160deg,#f8f9fff0,#f8f9ffb3);border-color:#1010221a;box-shadow:0 24px 50px #535bff3d}.site-header__menu-button:focus-visible{outline:none;box-shadow:0 0 0 3px #5a65ff42,0 26px 60px #5a65ff59}.theme-toggle{border:1px solid var(--surface-border);width:clamp(44px,8vw,52px);height:clamp(44px,8vw,52px);color:var(--fg);cursor:pointer;background:linear-gradient(145deg,#1a1c30f2,#1a1c3099);border-radius:999px;justify-content:center;align-items:center;padding:0;transition:transform .25s,box-shadow .3s,border-color .3s;display:inline-flex;box-shadow:0 18px 40px #0f11205c}:root[data-theme=light] .theme-toggle{background:linear-gradient(145deg,#f8f9fff0,#f8f9ffb3);border-color:#1010221f;box-shadow:0 18px 34px #535bff33}.theme-toggle:hover,.theme-toggle:focus-visible{transform:translateY(-2px)scale(1.02);box-shadow:0 22px 48px #5a65ff52}.theme-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px #5a65ff3d,0 22px 48px #5a65ff52}.theme-icon{justify-content:center;align-items:center;display:inline-flex}.theme-icon svg{stroke-width:1.8px;width:clamp(20px,5vw,24px);height:clamp(20px,5vw,24px)}.hero{z-index:0;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:center;gap:clamp(28px,5vw,60px);padding:clamp(70px,8vw,120px) clamp(16px,4vw,72px);display:grid;position:relative}.hero:before{content:"";border-radius:var(--section-radius);opacity:.45;z-index:-1;background:radial-gradient(circle at 20% 20%,#f96dff2e,#0000 55%),radial-gradient(circle at 80% 30%,#3bf4e22e,#0000 60%);position:absolute;inset:clamp(8px,2vw,24px)}:root[data-theme=light] .hero:before{opacity:.58;background:radial-gradient(circle at 24% 24%,#3a4cff2e,#0000 55%),radial-gradient(circle at 78% 34%,#f45dfb29,#0000 60%)}.hero-portrait{aspect-ratio:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(145deg,#5a65ff4d,#f96dff33);border:1px solid #ffffff29;border-radius:28px;align-self:flex-start;width:clamp(140px,18vw,220px);margin-bottom:clamp(16px,3vw,24px);position:relative;overflow:hidden;box-shadow:0 24px 60px #00000052}.hero-portrait:after{content:"";pointer-events:none;background:linear-gradient(160deg,#090b1866,#0000 60%);position:absolute;inset:0}.hero-portrait img{object-fit:cover;opacity:.88}:root[data-theme=light] .hero-portrait{background:linear-gradient(145deg,#3a4cff3d,#f45dfb29);border-color:#3a4cff24;box-shadow:0 22px 48px #3a4cff2e}:root[data-theme=light] .hero-portrait:after{background:linear-gradient(160deg,#ffffff38,#0000 65%)}:root[data-theme=light] .hero-portrait img{opacity:.92}.hero-content h1{letter-spacing:-.015em;text-wrap:balance;background:var(--text-hero-gradient);color:#0000;filter:drop-shadow(0 18px 48px #5f5aff3d);-webkit-background-clip:text;background-clip:text;margin:16px 0 20px;font-size:clamp(2.6rem,5vw,4.6rem);line-height:1.04}.hero-copy{color:var(--muted-strong);max-width:60ch;font-size:clamp(1rem,1.8vw,1.18rem);line-height:1.7}.hero-actions{flex-wrap:wrap;gap:clamp(12px,2.5vw,18px);margin:clamp(26px,4vw,32px) 0 24px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-weight:600;text-decoration:none;transition:transform .25s,box-shadow .25s,background .25s;display:inline-flex;position:relative;overflow:hidden}.button.primary{background:linear-gradient(135deg,var(--brand),var(--accent));color:var(--button-fg);box-shadow:0 24px 50px #5a65ff66}.button.primary:after{content:"";opacity:.65;pointer-events:none;background:radial-gradient(circle at 30% 30%,#fff6,#0000 60%);transition:transform .4s,opacity .4s;position:absolute;inset:-40%}.button.ghost{color:var(--fg);background:linear-gradient(135deg,#ffffff14,#ffffff05);border-color:#ffffff2e;box-shadow:inset 0 1px #ffffff2e}:root[data-theme=light] .button.ghost{color:var(--fg);background:linear-gradient(135deg,#3a4cff1f,#f45dfb14);border-color:#3a4cff2e;box-shadow:0 14px 32px #3a4cff24}.button.social{color:var(--fg);letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#ffffff1f,#ffffff05);border-color:#fff3;padding:12px 20px}.button.social svg{width:25px;height:25px}.button.social:hover,.button.social:focus-visible{background:linear-gradient(135deg,#fff3,#ffffff0d);transform:translateY(-3px);box-shadow:0 20px 44px #5a65ff52}:root[data-theme=light] .button.social{color:var(--fg);background:linear-gradient(135deg,#3a4cff1f,#f45dfb0f);border-color:#3a4cff33}:root[data-theme=light] .button.social:hover,:root[data-theme=light] .button.social:focus-visible{background:linear-gradient(135deg,#3a4cff33,#f45dfb1a);box-shadow:0 20px 42px #3a4cff33}.button:hover,.button:focus-visible{transform:translateY(-3px);box-shadow:0 30px 60px #5a65ff59}.button.primary:hover:after,.button.primary:focus-visible:after{opacity:.85;transform:translate(8%,-8%)scale(1.05)}.button.ghost:hover,.button.ghost:focus-visible{box-shadow:inset 0 1px #ffffff40,0 18px 40px #00000047}.hero-skills{background:#ffffff08;border:1px solid #ffffff12;border-radius:clamp(26px,6vw,38px);margin-top:clamp(28px,5vw,40px);padding:clamp(8px,1.5vw,12px) 0;position:relative;overflow:hidden}:root[data-theme=light] .hero-skills{background:#10102209;border-color:#10102214}.hero-skills__track{will-change:transform;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;gap:clamp(14px,2.6vw,26px);width:max-content;padding-inline:clamp(16px,3.6vw,28px);display:flex}.hero-skills__track:active{cursor:grabbing}.hero-skill{cursor:pointer;touch-action:pan-y;background:#ffffff12;border:1px solid #ffffff1a;border-radius:clamp(16px,2.8vw,20px);outline:none;align-items:center;gap:clamp(8px,2vw,12px);padding:clamp(8px,1.8vw,12px) clamp(14px,2.4vw,18px);transition:transform .3s,box-shadow .3s,background .3s;display:inline-flex}:root[data-theme=light] .hero-skill{background:#1010220f;border-color:#1010221f}.hero-skill__icon{place-items:center;width:clamp(26px,2.4vw,32px);height:clamp(26px,2.4vw,32px);display:grid}.hero-skill__icon svg{width:100%;height:100%}.hero-skill__label{font-family:var(--font-plex-mono),ui-monospace,SFMono-Regular,monospace;letter-spacing:.1em;text-transform:uppercase;font-size:clamp(.78rem,1.6vw,.92rem)}.hero-skill:hover,.hero-skill:focus-visible{background:#ffffff2e;transform:scale(1.08);box-shadow:0 20px 40px #5a65ff4d}:root[data-theme=light] .hero-skill:hover,:root[data-theme=light] .hero-skill:focus-visible{background:#10102224;box-shadow:0 20px 38px #535bff38}@media (prefers-reduced-motion:reduce){.hero-skills__track{transform:none!important}.snake-node,.snake-skill,.snake-stage__grid{transition:none!important}}.hero-panel{background:linear-gradient(145deg,#5a65ff47,#0d0d12eb),var(--bg-accent);border:1px solid #ffffff1a;border-radius:28px;min-height:clamp(360px,55vw,520px);padding:clamp(20px,4vw,32px);display:flex;position:relative;overflow:hidden}.hero-panel>*{z-index:1;flex:1;position:relative}:root[data-theme=light] .hero-panel{background:radial-gradient(circle at 26% 24%,#3a4cff29,#0000 60%),radial-gradient(circle at 82% 68%,#f45dfb29,#0000 60%),linear-gradient(150deg,#fffffff5,#e7f0ffeb);border-color:#3a4cff2e}.hero-panel:before{content:"";opacity:.65;z-index:0;background:radial-gradient(circle at 30% 30%,#f96dff40,#0000 65%),radial-gradient(circle at 70% 70%,#3bf4e238,#0000 60%);position:absolute;inset:-20% -30%}:root[data-theme=light] .hero-panel:before{opacity:.58;background:radial-gradient(circle at 28% 28%,#3a4cff33,#0000 60%),radial-gradient(circle at 72% 72%,#f45dfb2e,#0000 60%)}.snake-game{flex-direction:column;gap:clamp(18px,3vw,26px);width:100%;display:flex}.snake-game__header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.snake-game__header h3{letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:clamp(1.18rem,2.2vw,1.6rem)}.snake-game__header p{color:var(--muted);max-width:30ch;margin:6px 0 0;font-size:.95rem}.snake-game__reset{color:var(--fg);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;padding:8px 18px;font-size:.75rem;transition:transform .25s,background .25s,box-shadow .25s}.snake-game__reset:hover,.snake-game__reset:focus-visible{background:#ffffff24;transform:translateY(-2px);box-shadow:0 16px 40px #5a65ff47}:root[data-theme=light] .snake-game__reset{color:var(--fg);background:linear-gradient(135deg,#3a4cff1f,#f45dfb14);border-color:#3a4cff33}:root[data-theme=light] .snake-game__reset:hover,:root[data-theme=light] .snake-game__reset:focus-visible{background:linear-gradient(135deg,#3a4cff2e,#f45dfb1f);box-shadow:0 16px 34px #3a4cff2e}.snake-game__body{flex-direction:column;flex:1;align-items:stretch;gap:clamp(16px,3vw,24px);min-height:0;display:flex}.snake-play-area{flex-direction:column;flex:1;align-items:center;gap:clamp(14px,3vw,22px);width:100%;display:flex}@media (min-width:880px){.snake-game__body{flex-direction:row;align-items:stretch}.snake-play-area{max-width:520px;margin:0 auto}}.snake-stage{aspect-ratio:1;touch-action:none;cursor:pointer;--grid-size:15;background:linear-gradient(160deg,#0f1223eb,#090a14bf);border:1px solid #ffffff1f;border-radius:clamp(20px,4vw,28px);flex:1;width:100%;max-width:520px;margin:0 auto;position:relative;overflow:hidden;box-shadow:inset 0 28px 60px #00000047}.snake-stage--paused{box-shadow:inset 0 36px 70px #00000052}:root[data-theme=light] .snake-stage{background:linear-gradient(160deg,#f8f9ffeb,#dfe5ffd1);border-color:#1010221f;box-shadow:inset 0 20px 40px #291e5a1f}.snake-stage__grid{background:radial-gradient(circle at 20% 20%,#5a65ff1f,#0000 65%),radial-gradient(circle at 80% 80%,#f96dff14,#0000 70%),linear-gradient(135deg,#ffffff14,#0c0e1a00 70%),linear-gradient(#ffffff1f 1px,#0000 1px),linear-gradient(90deg,#ffffff1f 1px,#0000 1px);background-size:100% 100%,100% 100%,calc(100%/var(--grid-size))calc(100%/var(--grid-size)),calc(100%/var(--grid-size))calc(100%/var(--grid-size)),calc(100%/var(--grid-size))calc(100%/var(--grid-size));pointer-events:none;background-blend-mode:lighten;position:absolute;inset:0}:root[data-theme=light] .snake-stage__grid{background:radial-gradient(circle at 20% 20%,#353dff29,#0000 65%),radial-gradient(circle at 80% 80%,#f944ff1a,#0000 70%),linear-gradient(135deg,#1010221f,#dfe5ff00 70%),linear-gradient(#10102214 1px,#0000 1px),linear-gradient(90deg,#10102214 1px,#0000 1px);background-size:100% 100%,100% 100%,calc(100%/var(--grid-size))calc(100%/var(--grid-size)),calc(100%/var(--grid-size))calc(100%/var(--grid-size)),calc(100%/var(--grid-size))calc(100%/var(--grid-size));background-blend-mode:multiply}.snake-layer{pointer-events:none;position:absolute;inset:0}.snake-node,.snake-skill{width:calc(100%/var(--grid-size));height:calc(100%/var(--grid-size));transform-origin:0 0;place-items:center;transition:left .18s,top .18s,transform .22s;display:grid;position:absolute}.snake-node{background:linear-gradient(150deg,#7481ffeb,#b462ffd1),linear-gradient(320deg,#ffffff2e,#0000 65%);border:1px solid #ffffff29;border-radius:clamp(6px,2vw,12px);transform:translate(12%,12%)scale(.76);box-shadow:inset 0 1px 6px #ffffff47,0 8px 16px #5260ff6b}.snake-node--head{background:linear-gradient(140deg,var(--brand),var(--accent)),linear-gradient(330deg,#ffffff38,transparent 55%);border-color:#ffffff3d;box-shadow:inset 0 2px 9px #ffffff52,0 10px 24px #f96dff85}.snake-skill{color:inherit;background:#ffffff1a;border-radius:clamp(6px,2vw,12px);font-size:clamp(16px,1.8vw,24px);transform:translate(18%,18%)scale(.62);box-shadow:inset 0 0 0 1px #ffffff2e,0 12px 20px #44488052}:root[data-theme=light] .snake-skill{background:#10102214}.snake-skill svg{opacity:.95;width:1em;height:1em}.snake-stage__overlay{border-radius:inherit;opacity:0;pointer-events:none;background:#080a148c;place-items:center;transition:opacity .3s;display:grid;position:absolute;inset:clamp(8px,1.8vw,16px)}:root[data-theme=light] .snake-stage__overlay{background:#f8f9ffb8}.snake-stage--paused .snake-stage__overlay{opacity:1}.snake-stage__message{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff29;border-radius:20px;padding:18px 20px;box-shadow:0 18px 48px #00000047}:root[data-theme=light] .snake-stage__message{background:#1010220f;border-color:#10102229;box-shadow:0 18px 48px #535bff29}.snake-stage__message h4{margin:0 0 6px;font-size:1.2rem}.snake-stage__message p{color:var(--muted);margin:0;font-size:.95rem}.snake-inventory{background:#0c0f1cb8;border:1px solid #ffffff1f;border-radius:clamp(18px,4vw,24px);flex-direction:column;gap:clamp(12px,2vw,16px);padding:clamp(14px,2vw,20px);display:flex}:root[data-theme=light] .snake-inventory{background:#f8f9ffb8;border-color:#1010221f}.snake-inventory h4{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.75rem}.snake-inventory ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.snake-inventory__item{color:var(--fg);align-items:center;gap:12px;font-size:.95rem;font-weight:500;transition:opacity .2s,transform .2s;display:flex}.snake-inventory__item:not(.snake-inventory__item--locked):hover{transform:translate(4px)}.snake-inventory__item--locked{opacity:.36}.snake-inventory__icon{background:#ffffff29;border-radius:14px;place-items:center;width:36px;height:36px;transition:background .2s,color .2s,box-shadow .2s,filter .2s;display:grid;box-shadow:0 8px 16px #4044803d}:root[data-theme=light] .snake-inventory__icon{background:#10102224;box-shadow:0 8px 18px #7980d62e}.snake-inventory__item--locked .snake-inventory__icon{filter:grayscale();box-shadow:none;background:#ffffff14}:root[data-theme=light] .snake-inventory__item--locked .snake-inventory__icon{background:#1010220f}.snake-inventory__label{color:var(--fg);transition:color .2s}.snake-inventory__item--locked .snake-inventory__label{color:var(--muted)}.snake-controls{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:260px;margin-top:0;display:flex}.snake-controls__row{grid-template-columns:repeat(3,minmax(48px,1fr));gap:12px;display:grid}.snake-controls__up{align-self:center}.snake-controls button{width:clamp(56px,12vw,64px);height:clamp(56px,12vw,64px);color:var(--fg);cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:16px;font-size:1.2rem;line-height:1;transition:transform .2s,background .2s,box-shadow .2s}.snake-controls button:active,.snake-controls button:hover,.snake-controls button:focus-visible{background:#ffffff24;transform:translateY(-2px);box-shadow:0 14px 32px #5a65ff47}:root[data-theme=light] .snake-controls button{background:#10102214;border-color:#10102229}:root[data-theme=light] .snake-controls button:active,:root[data-theme=light] .snake-controls button:hover,:root[data-theme=light] .snake-controls button:focus-visible{background:#10102224;box-shadow:0 12px 24px #535bff2e}@media (min-width:900px){.snake-controls{display:none}.snake-inventory{min-width:clamp(180px,30%,220px)}.snake-game__header p{max-width:32ch}}@media (max-width:879px){.snake-game__body{gap:clamp(20px,6vw,28px)}.snake-play-area{order:0}.snake-inventory{order:1;width:100%}.snake-inventory ul{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}.section{z-index:0;padding:clamp(64px,8vw,120px) clamp(16px,4vw,72px);position:relative}:root[data-theme=light] .section:before{content:"";border-radius:var(--section-radius);opacity:.85;pointer-events:none;z-index:-2;background:radial-gradient(circle at 18% 24%,#3a4cff29,#0000 60%),radial-gradient(circle at 82% 76%,#f45dfb24,#0000 62%);position:absolute;inset:clamp(8px,2vw,28px)}.section-shell{border-radius:var(--section-radius);background:var(--surface);border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);gap:clamp(24px,3.5vw,44px);padding:clamp(28px,4.5vw,54px);display:grid;position:relative;overflow:hidden;box-shadow:0 28px 80px #00000059}.section-content.two-column{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:768px){.section-content.two-column{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}.section-shell:before{content:"";mix-blend-mode:screen;opacity:.7;z-index:-1;background:radial-gradient(circle at 20% 20%,#ffffff14,#0000 55%),radial-gradient(circle at 80% 80%,#ffffff0f,#0000 60%);position:absolute;inset:-10% -20%}:root[data-theme=light] .section-shell:before{mix-blend-mode:normal;opacity:.65;background:radial-gradient(circle at 22% 18%,#3a4cff2e,#0000 60%),radial-gradient(circle at 78% 82%,#f45dfb29,#0000 62%)}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(32px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.no-js .reveal{opacity:1;transform:none}#about .section-shell:before{background:radial-gradient(circle at 18% 12%,#f96dff40,#0000 60%),radial-gradient(circle at 80% 85%,#5a65ff33,#0000 65%)}#skills .section-shell:before{background:radial-gradient(circle at 15% 80%,#3bf4e23d,#0000 60%),radial-gradient(circle at 85% 20%,#546eff38,#0000 65%)}#projects .section-shell:before{background:radial-gradient(circle at 12% 40%,#f96dff38,#0000 65%),radial-gradient(circle at 90% 70%,#ffc42d2e,#0000 70%)}#resume .section-shell:before{background:radial-gradient(circle at 20% 30%,#685cff47,#0000 60%),radial-gradient(circle at 80% 80%,#f96dff33,#0000 65%)}#contact .section-shell:before{background:radial-gradient(circle at 18% 74%,#3bf4e238,#0000 60%),radial-gradient(circle at 86% 24%,#ff7dfa40,#0000 65%)}:root[data-theme=light] .section-shell{background:radial-gradient(circle at 14% 10%,#3a4cff1f,#0000 60%),radial-gradient(circle at 84% 90%,#f45dfb1f,#0000 62%),linear-gradient(160deg,#fffffff2,#e7efffe6);border-color:#3a4cff29;box-shadow:0 28px 60px #3a4cff29}.section-heading{max-width:720px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:#0000;background:linear-gradient(120deg,var(--brand),var(--accent));-webkit-background-clip:text;background-clip:text;font-size:.78rem}.section h2{letter-spacing:-.01em;text-wrap:balance;background:var(--text-heading-gradient);color:#0000;filter:drop-shadow(0 12px 32px #5a65ff38);-webkit-background-clip:text;background-clip:text;margin:18px 0 20px;font-size:clamp(2rem,3.5vw,3.3rem);line-height:1.1}.section-shell p{color:var(--muted-strong);line-height:1.72}.section-shell p strong{color:var(--text-highlight)}.two-column{color:var(--muted-strong);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;max-width:960px;font-size:1.05rem;display:grid}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px;margin-top:40px;display:grid}.skills-grid article{background:linear-gradient(140deg,#ffffff2e,#ffffff0a);border:1px solid #ffffff29;border-radius:24px;padding:26px 24px 24px;position:relative;overflow:hidden;box-shadow:0 24px 55px #00000059}.skills-grid article:before{content:"";opacity:.75;pointer-events:none;background:radial-gradient(circle at 100% 0,#f96dff38,#0000 60%);position:absolute;inset:-30% 10% 40% -20%}:root[data-theme=light] .skills-grid article{background:radial-gradient(circle at 16% 28%,#3a4cff1f,#0000 60%),radial-gradient(circle at 82% 72%,#f45dfb1f,#0000 60%),linear-gradient(140deg,#fffffff5,#ecf4ffdb);border-color:#3a4cff2e;box-shadow:0 24px 46px #3a4cff24}:root[data-theme=light] .skills-grid article:before{background:radial-gradient(circle at 100% 0,#3a4cff2e,#0000 60%)}.skills-grid h3{margin-top:0;margin-bottom:14px;font-size:1.1rem}.skills-grid ul{color:var(--muted);margin:0;padding-left:20px;line-height:1.6}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;margin-top:48px;display:grid}.project-card{background:linear-gradient(150deg,#121830e0,#221238a6);border:1px solid #ffffff1a;border-radius:26px;gap:18px;padding:34px;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 70px #00000073}.project-thumb{aspect-ratio:16/10;background:linear-gradient(135deg,#5158d559,#eb68ff33);border:1px solid #ffffff1f;border-radius:20px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.project-thumb-image{object-fit:cover;object-position:center}.project-thumb-placeholder{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#0f1430a6,#2c1c4a8c);place-items:center;width:100%;height:100%;display:grid}.project-thumb-placeholder span{color:#ffffffd1;text-transform:uppercase;font-size:2.4rem;font-weight:600}.project-card:before{content:"";opacity:.8;pointer-events:none;background:radial-gradient(circle at 100% 0,#f96dff40,#0000 65%);position:absolute;inset:-25% -35% 50%}:root[data-theme=light] .project-card{background:linear-gradient(150deg,#ffffffeb,#dae3ffd6);border-color:#1010221f;box-shadow:0 26px 60px #291e5a2e}:root[data-theme=light] .project-card:before{opacity:.7;background:radial-gradient(circle at 100% 0,#7870ff2e,#0000 60%)}:root[data-theme=light] .project-thumb{background:linear-gradient(135deg,#8e96ff59,#f9c4ff4d);border-color:#1010221f}:root[data-theme=light] .project-thumb-placeholder{background:linear-gradient(135deg,#ffffffe0,#dbe1ffb8)}:root[data-theme=light] .project-thumb-placeholder span{color:#181a3cc7}.project-card h3{color:#f5f5f6;margin:0;font-size:1.28rem}:root[data-theme=light] .project-card h3{color:#1a1a2b}.project-card p{color:var(--muted);margin:0}.card-header{font-size:.85rem;font-family:var(--font-plex-mono),ui-monospace,SFMono-Regular,monospace;color:#ffffffb3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}:root[data-theme=light] .card-header{color:#101022b3}.project-year{letter-spacing:.18em;text-transform:uppercase;color:#ffffffa6}:root[data-theme=light] .project-year{color:#1010228c}.project-tags{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.project-tags span{color:#fff;background:linear-gradient(135deg,#5a65ff59,#f96dff40);border:1px solid #fff3;border-radius:999px;padding:6px 14px;font-weight:500}@media (max-width:640px){.project-card{padding:28px 24px}.project-thumb{aspect-ratio:4/3}.card-header{flex-direction:column;justify-content:flex-start;align-items:flex-start}.project-tags{justify-content:flex-start;gap:8px}.project-tags span{padding:6px 12px}}.card-actions{flex-wrap:wrap;gap:20px;display:flex}.text-link{color:var(--fg);font-family:var(--font-plex-mono),ui-monospace,SFMono-Regular,monospace;font-size:.9rem;text-decoration:none;position:relative}.text-link:after{content:"↗";margin-left:8px;font-size:.85rem}.resume-shell{justify-content:center;display:flex}.resume-actions{flex-wrap:wrap;gap:clamp(12px,2vw,18px);display:flex}.resume-actions .button{justify-content:center;min-width:clamp(160px,22vw,200px)}.resume-shell .resume-tile{background:linear-gradient(135deg,#5a65ff66,#f96dff3d);border:1px solid #ffffff29;border-radius:32px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;width:100%;max-width:880px;padding:clamp(32px,4vw,56px);display:flex;box-shadow:0 26px 70px #00000061}:root[data-theme=light] .resume-shell .resume-tile{background:linear-gradient(135deg,#353dff59,#f944ff2e);border-color:#1010221a}.contact-section{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:48px;display:grid}.contact-form{background:linear-gradient(145deg,#0f1428e6,#201434bf);border:1px solid #ffffff1f;border-radius:28px;gap:16px;padding:32px;display:grid;box-shadow:0 28px 70px #0006}:root[data-theme=light] .contact-form{background:linear-gradient(145deg,#fffffff5,#dce4ffd9);border-color:#1010221f}.contact-form label{color:var(--muted);gap:8px;font-size:.95rem;display:grid}.contact-form input,.contact-form textarea{color:var(--fg);font:inherit;background:#00000059;border:1px solid #ffffff1f;border-radius:12px;padding:12px 14px}:root[data-theme=light] .contact-form input,:root[data-theme=light] .contact-form textarea{background:#ffffffdb;border-color:#10102229}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid #5a65ff73}.form-footnote{color:var(--muted);margin:0;font-size:.85rem}.contact-links{flex-wrap:wrap;gap:1rem;margin-top:1rem;padding:0;list-style:none;display:grid}.contact-link{align-items:center;gap:.6rem;line-height:1;text-decoration:none;transition:transform .15s,opacity .15s;display:inline-flex}.contact-link:hover,.contact-link:focus-visible{opacity:.85;transform:translateY(-2px)}.contact-link__icon{background:var(--icon-tint,#ffffff1a);border:1px solid var(--icon-accent,#ffffff40);width:2.4rem;height:2.4rem;color:var(--icon-accent,var(--fg));border-radius:999px;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex;box-shadow:0 12px 30px #00000040}.contact-link__icon svg{stroke-width:1.75px;color:inherit;stroke:currentColor}.contact-link:hover .contact-link__icon,.contact-link:focus-visible .contact-link__icon{transform:scale(1.06);box-shadow:0 16px 36px #0000004d}.site-footer{text-align:center;color:var(--muted);background:#0006;border-top:1px solid #ffffff0f;padding:48px clamp(16px,4vw,60px);font-size:.9rem}:root[data-theme=light] .site-footer{background:#f8f9ffd9;border-top-color:#1010221a}.fade-in{animation:.6s .2s both fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@supports not ((-webkit-background-clip:text) or (background-clip:text)){.eyebrow{color:var(--muted)}}@media (prefers-reduced-motion:reduce){.fade-in{opacity:1;animation:none;transform:none}.orbit{animation:none}}@media (max-width:720px){.site-header{flex-wrap:wrap;gap:16px}.site-nav{order:3;justify-content:space-between;gap:12px;width:100%}.hero{padding-top:120px}}@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}