@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/press-start-2p-latin.woff2) format("woff2");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:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/press-start-2p-latin-ext.woff2) format("woff2");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:VT323;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/vt323-latin.woff2) format("woff2");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:VT323;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/vt323-latin-ext.woff2) format("woff2");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}:root{--bg: #181425;--bg-alt: #1f1838;--surface: #2b2153;--surface-2: #3a2c6e;--border: #7b6ad6;--shadow-col:#0a0712;--text: #f4f4f4;--muted: #a59fd6;--green: #5be37a;--pink: #ff5d9e;--cyan: #5cc8ff;--yellow: #ffd166;--accent: var(--green);--accent-2: var(--pink);--max-width: 1080px;--pixel: 4px;--font-head: "Press Start 2P", monospace;--font-body: "VT323", "Courier New", monospace;color-scheme:dark}:root[data-theme=light]{--bg: #efe9da;--bg-alt: #e5dcc6;--surface: #fffdf6;--surface-2: #e8e0cd;--border: #4a3a8f;--shadow-col:#2a2350;--text: #211c33;--muted: #5e5780;--green: #178040;--pink: #d63384;--cyan: #1f6fd0;--yellow: #b07700;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;font-family:var(--font-body);font-size:1.35rem;background:var(--bg);color:var(--text);line-height:1.5;image-rendering:pixelated;transition:background-color .3s ease,color .3s ease}:root[data-theme=light] body:after{background:repeating-linear-gradient(0deg,rgba(0,0,0,.05) 0px,rgba(0,0,0,.05) 1px,transparent 1px,transparent 3px),radial-gradient(ellipse at center,transparent 70%,rgba(60,40,90,.12) 100%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0px,rgba(0,0,0,.16) 1px,transparent 1px,transparent 3px),radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.45) 100%)}a{color:var(--cyan);text-decoration:none}.skip-link{position:fixed;top:8px;left:8px;z-index:200;transform:translateY(-160%);background:var(--green);color:var(--bg);font-family:var(--font-head);font-size:.66rem;padding:12px 16px;border:var(--pixel) solid var(--text);box-shadow:4px 4px 0 var(--shadow-col);transition:transform .15s ease}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}img{max-width:100%;display:block;image-rendering:pixelated}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}.section{padding:88px 0}.section--alt{background:var(--bg-alt)}.section__title{font-family:var(--font-head);font-size:clamp(1rem,2.4vw,1.5rem);line-height:1.4;margin:0 0 44px;color:var(--yellow);text-shadow:var(--pixel) var(--pixel) 0 var(--shadow-col);position:relative;display:inline-block}.section__title:after{content:"";position:absolute;left:0;bottom:-16px;width:100%;height:var(--pixel);background:repeating-linear-gradient(90deg,var(--accent) 0 12px,transparent 12px 20px)}.pixel-box{background:var(--surface);border:var(--pixel) solid var(--border);box-shadow:8px 8px 0 var(--shadow-col)}.nav{position:fixed;inset:0 0 auto 0;z-index:50;transition:background .2s}.nav--scrolled{background:var(--bg-alt);border-bottom:var(--pixel) solid var(--border)}.nav__inner{max-width:var(--max-width);margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between}.nav__logo{display:flex;align-items:center;gap:12px}.nav__logo-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--accent);color:var(--bg);border:var(--pixel) solid var(--text);box-shadow:3px 3px 0 var(--shadow-col);font-family:var(--font-head);font-size:.6rem}.nav__logo-text{font-family:var(--font-head);font-size:.72rem;color:var(--text)}.nav__links{display:flex;gap:22px}.nav__links a{font-family:var(--font-head);font-size:.62rem;color:var(--muted);text-transform:uppercase;transition:color .1s}.nav__links a:hover{color:var(--green)}.nav__toggle{display:none;flex-direction:column;gap:4px;background:var(--surface);border:var(--pixel) solid var(--border);cursor:pointer;padding:8px}.nav__toggle span{width:22px;height:3px;background:var(--text)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}.hero__glow{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(45deg,rgba(123,106,214,.06) 25%,transparent 25%,transparent 75%,rgba(123,106,214,.06) 75%),linear-gradient(45deg,rgba(123,106,214,.06) 25%,transparent 25%,transparent 75%,rgba(123,106,214,.06) 75%);background-size:48px 48px;background-position:0 0,24px 24px;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse at center,#000 0%,transparent 75%);mask-image:radial-gradient(ellipse at center,#000 0%,transparent 75%)}.hero__inner{position:relative;text-align:center}.hero__hello{font-family:var(--font-head);font-size:.72rem;color:var(--green);text-transform:uppercase;letter-spacing:.05em;margin:0 0 24px;animation:blink 1.1s steps(1) infinite}.hero__name{font-family:var(--font-head);font-size:clamp(1.7rem,6.5vw,4rem);line-height:1.25;margin:0;color:var(--text);text-shadow:var(--pixel) var(--pixel) 0 var(--pink),calc(var(--pixel) * 2) calc(var(--pixel) * 2) 0 var(--shadow-col)}.hero__tagline{font-size:1.7rem;color:var(--cyan);margin:28px 0 0}.hero__intro{max-width:620px;margin:18px auto 0;color:var(--muted);font-size:1.45rem}.hero__cta{display:flex;gap:18px;justify-content:center;margin-top:40px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 26px;font-family:var(--font-head);font-size:.72rem;text-transform:uppercase;cursor:pointer;border:var(--pixel) solid var(--text);box-shadow:6px 6px 0 var(--shadow-col);transition:transform .06s,box-shadow .06s}.btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--shadow-col)}.btn:active{transform:translate(4px,4px);box-shadow:2px 2px 0 var(--shadow-col)}.btn--primary{background:var(--green);color:var(--bg)}.btn--primary:before{content:"";width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor}.btn--ghost{background:var(--surface);color:var(--text)}.hero__scroll{position:absolute;bottom:-110px;left:50%;transform:translate(-50%);width:0;height:0}.hero__scroll span{display:block;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:16px solid var(--green);animation:bob .9s steps(2) infinite}@keyframes blink{0%,50%{opacity:1}50.01%,to{opacity:0}}@keyframes bob{0%{transform:translateY(0)}to{transform:translateY(8px)}}.about{max-width:760px}.about__para{color:var(--text);font-size:1.45rem;margin:0 0 18px}.about__para:last-child{margin-bottom:0}.about__epigraph{margin:0 0 30px;padding:10px 0 10px 20px;border-left:var(--pixel) solid var(--accent-2);color:var(--cyan);font-style:italic;font-size:1.4rem;line-height:1.45}.about__epigraph-line{display:block}.skills{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:28px}.skills__group{background:var(--surface);border:var(--pixel) solid var(--border);box-shadow:8px 8px 0 var(--shadow-col);padding:22px}.skills__heading{font-family:var(--font-head);font-size:.7rem;margin:0 0 18px;color:var(--cyan);text-transform:uppercase}.skills__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}.chip{background:var(--surface-2);border:3px solid var(--border);color:var(--text);padding:6px 12px;font-size:1.15rem;line-height:1}.chip--sm{font-size:1.05rem;padding:5px 10px;color:var(--muted)}.projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px}.card{background:var(--surface);border:var(--pixel) solid var(--border);box-shadow:8px 8px 0 var(--shadow-col);padding:26px;display:flex;flex-direction:column;transition:transform .08s,box-shadow .08s,border-color .1s}.card:hover{transform:translate(-3px,-3px);box-shadow:11px 11px 0 var(--shadow-col);border-color:var(--green)}.card__icon{font-size:1.8rem;width:60px;height:60px;display:grid;place-items:center;background:var(--bg);border:var(--pixel) solid var(--border);margin-bottom:18px}.card__title{font-family:var(--font-head);font-size:.95rem;margin:0 0 14px;color:var(--yellow)}.card__blurb{color:var(--muted);margin:0 0 18px;flex:1;font-size:1.35rem}.card__tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0 0 20px}.card__link{font-family:var(--font-head);font-size:.66rem;color:var(--green);text-transform:uppercase}.card__link span{display:inline-block;transition:transform .1s}.card__link:hover span{transform:translate(5px)}.projects__more{margin-top:40px;text-align:center}.contact{max-width:720px}.contact__lead{color:var(--text);font-size:1.45rem;max-width:560px}.contact__location{color:var(--cyan);margin:6px 0 28px;font-size:1.4rem}.contact__links{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:16px}.contact__link{display:inline-flex;align-items:center;gap:12px;padding:14px 20px;background:var(--surface);border:var(--pixel) solid var(--border);box-shadow:5px 5px 0 var(--shadow-col);color:var(--text);font-size:1.3rem;transition:transform .06s,box-shadow .06s,border-color .1s}.contact__link:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--shadow-col);border-color:var(--green);color:var(--green)}.footer{border-top:var(--pixel) solid var(--border);padding:26px 0;background:var(--bg-alt)}.footer__inner{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:1.2rem}.footer__built a{color:var(--green)}.footer__heart{color:var(--pink)}.pixel-cat{position:fixed;pointer-events:none}.pixel-cat svg{display:block;height:auto}.pixel-cat--corner{left:18px;bottom:14px;z-index:40;opacity:.92;filter:drop-shadow(3px 3px 0 var(--shadow-col));animation:cat-bob 2.4s steps(2) infinite}.pixel-cat--center{top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;opacity:.14;animation:cat-sway 6s steps(2) infinite}@keyframes cat-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes cat-sway{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 8px))}}@media (max-width: 720px){.pixel-cat--corner svg{width:64px}.pixel-cat--corner{left:10px;bottom:10px}.pixel-cat--center svg{width:260px}}@media (max-width: 720px){body{font-size:1.25rem}.section{padding:64px 0}.nav__toggle{display:flex}.nav__links{position:absolute;top:70px;right:16px;left:16px;flex-direction:column;gap:0;background:var(--surface);border:var(--pixel) solid var(--border);box-shadow:8px 8px 0 var(--shadow-col);padding:8px;display:none}.nav__links.is-open{display:flex}.nav__links a{padding:14px 12px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{animation:none!important}.reveal{opacity:1!important;transform:none!important;transition:none!important}}.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}.nav__links a{position:relative}.nav__links a.is-active{color:var(--green)}.nav__links a.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:3px;background:var(--green)}.card__icon{transition:transform .12s,border-color .12s}.card:hover .card__icon{transform:translateY(-2px) rotate(-5deg);border-color:var(--green)}.card .chip--sm{transition:color .12s,border-color .12s}.card:hover .chip--sm{border-color:var(--accent);color:var(--text)}.pixel-cat--corner{pointer-events:auto;cursor:pointer}.pixel-cat--corner svg{transition:transform .15s ease}.pixel-cat--corner:hover svg{transform:scale(1.12) translateY(-3px) rotate(-3deg)}.pixel-cat--corner.is-pouncing{animation:cat-pounce .5s steps(6)}@keyframes cat-pounce{0%{transform:translateY(0)}35%{transform:translateY(-28px) scale(1.08)}60%{transform:translateY(-8px) scale(.97)}to{transform:translateY(0)}}.nav__right{display:flex;align-items:center;gap:18px}.theme-toggle{display:grid;place-items:center;width:38px;height:38px;flex:none;background:var(--surface);border:var(--pixel) solid var(--border);box-shadow:3px 3px 0 var(--shadow-col);color:var(--yellow);cursor:pointer;transition:transform .06s,box-shadow .06s,color .1s}.theme-toggle:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--shadow-col);color:var(--green)}.theme-toggle:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--shadow-col)}