@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Pixelify+Sans:wght@400;500;600;700&display=swap";:root{font-family:Pixelify Sans,Trebuchet MS,sans-serif;line-height:1.6;font-weight:400;color:#fff;background-color:#0f1218;font-synthesis:none;text-rendering:optimizeLegibility;--pixel-bg: #0f1218;--pixel-bg-light: #131c2b;--pixel-panel: #1b2535;--pixel-surface: #223349;--pixel-primary: #5aa6f2;--pixel-accent: #ef5b78;--pixel-success: #7ed26a;--pixel-warning: #f0b43c;--pixel-text: #ffffff;--pixel-text-muted: #c7d0dd;--pixel-border: #0a0d12;--pixel-border-light: #2c3b4c}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;min-width:320px;min-height:100vh;background:var(--pixel-bg);color:var(--pixel-text)}button,a{font-family:inherit;color:inherit}#root{min-height:100vh}.pixel-root{min-height:100vh;background:var(--pixel-bg);color:var(--pixel-text)}.pixel-texture{background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.02),rgba(255,255,255,.02) 1px,transparent 1px,transparent 4px),repeating-linear-gradient(90deg,rgba(255,255,255,.02),rgba(255,255,255,.02) 1px,transparent 1px,transparent 4px);background-size:4px 4px}.pixel-main{padding-top:4.5rem}.tone-primary{--tone-color: var(--pixel-primary)}.tone-accent{--tone-color: var(--pixel-accent)}.tone-success{--tone-color: var(--pixel-success)}.tone-warning{--tone-color: var(--pixel-warning)}.pixel-nav{position:sticky;top:0;z-index:1000;background:var(--pixel-bg);border-bottom:4px solid var(--pixel-border);box-shadow:0 4px #000}.pixel-nav__inner{max-width:1120px;margin:0 auto;padding:.9rem 1.4rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.pixel-nav__logo{font-size:.95rem}.pixel-nav__links{display:flex;gap:.5rem}.pixel-nav__item{border:2px solid transparent;background:transparent;padding:.45rem .7rem;font-size:.65rem;cursor:pointer;text-transform:uppercase;transition:border-color .12s steps(2),background-color .12s steps(2),transform .12s steps(2)}.pixel-nav__item:hover{border-color:var(--pixel-border-light);background:var(--pixel-bg-light);transform:translateY(-1px)}.pixel-nav__item[data-active=true]{border-color:#000;background:var(--pixel-surface);box-shadow:0 0 0 2px #000,inset 0 0 0 2px var(--pixel-border-light)}.pixel-nav__toggle{display:none;border:2px solid var(--pixel-border);background:var(--pixel-bg-light);padding:.35rem .65rem;font-size:.65rem;cursor:pointer;text-transform:uppercase}.pixel-nav__mobile{display:none;flex-direction:column;gap:.5rem;padding:0 1.4rem 1rem;border-top:2px solid var(--pixel-border);background:var(--pixel-bg-light)}.pixel-nav__mobile .pixel-nav__item{width:100%;text-align:left;background:var(--pixel-bg)}.pixel-hero{min-height:calc(100vh - 4.5rem);display:flex;align-items:center;justify-content:center;padding:5.5rem 1.5rem 4.5rem;border-bottom:4px solid var(--pixel-border);scroll-margin-top:6rem}.pixel-hero__inner{max-width:720px;text-align:center}.pixel-hero__icon{width:120px;height:120px;margin:0 auto 2rem;background:var(--pixel-surface);border:4px solid #000;box-shadow:0 6px 0 var(--pixel-border),0 6px 0 3px #000;display:flex;align-items:center;justify-content:center}.pixel-hero__glyph{font-size:1rem}.pixel-eyebrow{display:inline-block;margin-bottom:1rem;padding:.35rem .7rem;background:var(--pixel-bg-light);border:2px solid var(--pixel-border);font-size:.65rem;letter-spacing:.2em}.pixel-hero__title{font-size:clamp(1.6rem,3.2vw,2.6rem);margin:0 0 1rem}.pixel-hero__copy{font-size:.95rem;max-width:60ch;margin:0 auto 2rem;line-height:1.7}.pixel-hero__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.pixel-hero__pixels{margin-top:2.4rem;display:flex;justify-content:center;gap:.65rem}.pixel-block{width:14px;height:14px;border:2px solid #000;background:var(--pixel-primary);animation:pixelBlink 1.6s steps(2) infinite}.pixel-block--accent{background:var(--pixel-accent);animation-delay:.2s}.pixel-block--success{background:var(--pixel-success);animation-delay:.4s}.pixel-section{padding:4.5rem 1.5rem;border-bottom:4px solid var(--pixel-border);scroll-margin-top:6rem}.pixel-section--base{background:var(--pixel-bg)}.pixel-section--alt{background:color-mix(in oklab,var(--pixel-bg-light) 88%,#0b111a)}.pixel-section__inner{max-width:1120px;margin:0 auto}.pixel-section__title{margin:0 0 2.8rem;text-align:center;font-size:1.3rem}.pixel-section__spacer{height:1.8rem}.pixel-grid{display:grid;gap:1.4rem}.pixel-grid--cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.pixel-grid--projects{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.featured-project{margin-bottom:1.2rem;border-color:color-mix(in oklab,var(--tone-color, var(--pixel-border-light)) 30%,var(--pixel-border-light));background:linear-gradient(180deg,color-mix(in oklab,var(--pixel-panel) 88%,var(--tone-color, #2b3f56)),var(--pixel-panel))}.featured-project__meta{margin-bottom:.9rem}.featured-project__badge{display:inline-flex;align-items:center;justify-content:center;padding:.3rem .62rem;border:2px solid #000;background:color-mix(in oklab,var(--tone-color, var(--pixel-surface)) 32%,var(--pixel-surface));font-size:.6rem}.featured-project__bar{height:12px}.featured-project__title{margin:0 0 .7rem;font-size:clamp(1rem,2.1vw,1.3rem)}.featured-project__copy{margin:0 0 1.1rem;max-width:64ch;color:var(--pixel-text-muted)}.featured-project__tags{margin-bottom:1.1rem}.featured-project__facts{display:grid;gap:.35rem;margin:0 0 1rem}.featured-project__fact{margin:0;color:var(--pixel-text-muted);font-size:.75rem}.tech-stack{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.9rem}.tech-stack__item{padding:.9rem .8rem 1rem;border:2px solid #000;background:var(--pixel-panel);box-shadow:0 4px 0 var(--pixel-border),0 4px 0 2px #000;display:grid;gap:.6rem;align-items:center;justify-items:center;text-align:center}.tech-stack__icon{width:58px;height:58px;border:2px solid #000;background:#101827;box-shadow:0 3px 0 var(--pixel-border),0 3px 0 2px #000;display:grid;place-items:center;overflow:hidden}.tech-stack__svg{width:100%;height:100%;padding:4px;box-sizing:border-box}.tech-stack__img{width:100%;height:100%;padding:6px;box-sizing:border-box;object-fit:contain}.tech-stack__fallback{font-size:.7rem}.tech-stack__label{text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.pixel-card{background:var(--pixel-panel);border:2px solid var(--pixel-border);box-shadow:0 4px 0 var(--pixel-border),0 4px 0 2px #000;padding:1.6rem;transition:transform .12s steps(2),box-shadow .12s steps(2),border-color .12s steps(2)}.pixel-card--hover:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--pixel-border-light),0 6px 0 2px #000;border-color:var(--pixel-border-light);outline:1px solid rgba(255,255,255,.2);outline-offset:-4px}.about-card-shell{border-color:color-mix(in oklab,var(--tone-color, var(--pixel-border)) 16%,var(--pixel-border))}.about-card-shell.pixel-card--hover:hover{border-color:color-mix(in oklab,var(--tone-color, var(--pixel-border-light)) 26%,var(--pixel-border-light))}.about-card__badge{display:inline-flex;align-items:center;justify-content:center;padding:.3rem .6rem;border:2px solid #000;background:color-mix(in oklab,var(--tone-color, var(--pixel-surface)) 34%,var(--pixel-surface));font-size:.6rem;margin-bottom:1rem}.about-card__title{font-size:1rem;margin:0 0 .8rem}.about-card__copy{margin:0;line-height:1.6}.stats-card{text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.2rem}.stats-value{font-size:1.4rem;margin-bottom:.4rem;color:var(--pixel-text)}.stats-item .stats-value{color:color-mix(in oklab,var(--tone-color, var(--pixel-text)) 64%,var(--pixel-text))}.stats-label{font-size:.65rem;opacity:.75}.stats-item .stats-label{color:color-mix(in oklab,var(--tone-color, var(--pixel-text-muted)) 30%,var(--pixel-text-muted));opacity:.95}.project-bar{height:10px;border:2px solid #000;background:color-mix(in oklab,var(--tone-color, var(--pixel-surface)) 34%,var(--pixel-surface));margin-bottom:1.1rem}.project-card{border-color:color-mix(in oklab,var(--tone-color, var(--pixel-border)) 16%,var(--pixel-border))}.project-card.pixel-card--hover:hover{border-color:color-mix(in oklab,var(--tone-color, var(--pixel-border-light)) 28%,var(--pixel-border-light))}.project-title{margin:0 0 .6rem;font-size:1rem}.project-copy{margin:0 0 1rem;line-height:1.6;color:var(--pixel-text-muted)}.project-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.2rem}.pixel-tag{display:inline-flex;padding:.25rem .5rem;border:1px solid var(--pixel-border-light);background:var(--pixel-bg-light);font-size:.6rem}.project-card .pixel-tag,.featured-project .pixel-tag{border-color:color-mix(in oklab,var(--tone-color, var(--pixel-border-light)) 22%,var(--pixel-border-light))}.project-actions{display:flex;gap:.6rem;flex-wrap:wrap}.pixel-contact{display:flex;justify-content:center}.pixel-contact__card{max-width:720px;text-align:center}.pixel-contact__copy{margin:0 0 2rem;line-height:1.7;color:var(--pixel-text-muted)}.pixel-contact__actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.pixel-contact__footer{border-top:2px solid var(--pixel-border);padding-top:1.4rem}.pixel-button{display:inline-flex;align-items:center;justify-content:center;border:2px solid #000;text-decoration:none;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;transition:transform .12s steps(2),box-shadow .12s steps(2),background-color .12s steps(2);background:var(--pixel-primary);color:#fff;box-shadow:0 4px 0 var(--pixel-shadow),0 4px 0 2px #000}.pixel-button--primary{--pixel-shadow: #2a6a92;background:var(--pixel-primary)}.pixel-button--secondary{--pixel-shadow: #0b1d33;background:var(--pixel-surface)}.pixel-button--accent{--pixel-shadow: #8a2234;background:var(--pixel-accent)}.pixel-button--success{--pixel-shadow: #3b6f2f;background:var(--pixel-success)}.pixel-button--sm{padding:.45rem .7rem;font-size:.6rem}.pixel-button--md{padding:.6rem 1.1rem;font-size:.7rem}.pixel-button--lg{padding:.8rem 1.4rem;font-size:.75rem}.pixel-button:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--pixel-shadow),0 6px 0 2px #000;filter:brightness(1.05);outline:1px solid rgba(255,255,255,.4);outline-offset:-2px}.pixel-button:active{transform:translateY(2px);box-shadow:0 2px 0 var(--pixel-shadow),0 2px 0 2px #000;filter:brightness(.95);outline:1px solid rgba(0,0,0,.6);outline-offset:-2px;box-shadow:inset 0 2px #0006,inset 0 -2px #fff3,0 2px 0 var(--pixel-shadow),0 2px 0 2px #000}.pixel-button.is-disabled,.pixel-button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.3);transform:none;box-shadow:0 4px 0 var(--pixel-shadow),0 4px 0 2px #000}.pixel-button:focus-visible,.pixel-nav__item:focus-visible,.pixel-nav__toggle:focus-visible{outline:2px dashed var(--pixel-warning);outline-offset:3px}.pixel-text{font-family:Pixelify Sans,cursive;color:var(--pixel-text);text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;image-rendering:pixelated;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}.pixel-text-heading{font-family:"Press Start 2P",cursive;color:var(--pixel-text);text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,0 0 8px #000;image-rendering:pixelated;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;line-height:1.5}.pixel-text-label{font-family:"Press Start 2P",cursive;color:var(--pixel-text);text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;image-rendering:pixelated;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}.pixel-text-small{font-family:Pixelify Sans,cursive;color:var(--pixel-text);text-shadow:0 1px 0 rgb(0 0 0 / 65%);image-rendering:pixelated;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}.section-skeleton{height:180px;border:2px solid #000;background:linear-gradient(90deg,#ffffff0d,#ffffff1c 48%,#ffffff0d),var(--pixel-panel);box-shadow:0 4px 0 var(--pixel-border),0 4px 0 2px #000;animation:sectionSkeleton 1.2s steps(6) infinite}.pixel-fade-in{animation:pixelFadeIn .35s steps(4) forwards}.pixel-scanline{position:relative;overflow:hidden}.pixel-scanline:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 6px,rgba(255,255,255,.04) 6px,rgba(255,255,255,.04) 7px);pointer-events:none;animation:scanline 8s steps(8) infinite}@keyframes pixelFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pixelBlink{0%,to{opacity:1}50%{opacity:.4}}@keyframes scanline{0%{transform:translateY(-30%)}to{transform:translateY(30%)}}@keyframes sectionSkeleton{0%{background-position:-360px 0}to{background-position:360px 0}}@media(max-width:900px){.pixel-nav__links{display:none}.pixel-nav__toggle{display:inline-flex}.pixel-nav__mobile{display:flex}.pixel-hero{padding-top:6rem}}@media(max-width:600px){.pixel-hero__icon{width:96px;height:96px}.pixel-hero__glyph{font-size:.75rem}.pixel-section{padding:3.5rem 1.2rem}.pixel-card{padding:1.3rem}}@media(prefers-reduced-motion:reduce){.pixel-card,.pixel-button,.pixel-nav__item{transition:none}.pixel-fade-in,.pixel-block,.pixel-scanline:after{animation:none}}