:root{--bg-dark: #050505;--text-main: #f4f0ec;--text-muted: rgba(244, 240, 236, .6);--accent-orange: #ff5500;--accent-glow: rgba(255, 85, 0, .3);--font-display: "Mondwest", "Press Start 2P", "Playfair Display", serif;--font-ui: "Geist", "Inter", system-ui, sans-serif;--font-mono: "Geist Mono", "Press Start 2P", monospace;--border-color: rgba(244, 240, 236, .15)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-ui);font-weight:300;color:var(--text-main);background-color:var(--bg-dark);overflow-x:hidden;-webkit-font-smoothing:antialiased;cursor:url(https://img.freepik.com/premium-vector/cute-flying-squirrel-cartoon-mascot-logo-design_152558-76639.jpg) 16 16,auto}a,button,.btn,.nav-links a{cursor:url(https://img.freepik.com/premium-vector/cute-flying-squirrel-cartoon-mascot-logo-design_152558-76639.jpg) 16 16,pointer}.bg-grid{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:40px 40px;z-index:-1;pointer-events:none}nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 3rem;border-bottom:1px solid var(--border-color);font-family:var(--font-ui);text-transform:uppercase}.nav-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.logo-pixel{font-family:var(--font-mono);font-size:.75rem;color:var(--accent-orange);letter-spacing:1px}.logo-divider{color:var(--text-muted);font-weight:300;font-size:1.2rem}.logo-text{font-family:var(--font-ui);font-size:.75rem;letter-spacing:2px;color:var(--text-main);font-weight:500}.nav-links{display:flex;align-items:center;gap:2.5rem}.nav-links a{color:var(--text-muted);text-decoration:none;font-family:var(--font-ui);font-size:.7rem;letter-spacing:1.5px;transition:color .3s ease;font-weight:400}.nav-links a:hover{color:var(--text-main)}.nav-links .nav-cta{color:var(--accent-orange);font-weight:600;font-family:var(--font-mono)}.nav-links .nav-cta:hover{color:#fff;text-shadow:0 0 10px var(--accent-glow)}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-main);padding:.8rem 1.5rem;border-radius:4px;text-decoration:none;font-family:var(--font-ui);font-size:.75rem;text-transform:uppercase;letter-spacing:1px;font-weight:500;transition:all .3s ease;display:inline-block}.btn-outline:hover{background:#ffffff0d;border-color:var(--text-main)}.crt-container{display:flex;justify-content:center;padding-bottom:6rem;perspective:1000px}.crt-monitor{width:100%;max-width:800px;background:#111;border-radius:20px;padding:20px;border:2px solid #333;box-shadow:0 40px 80px #000c,inset 0 0 20px #00000080;position:relative;transform:rotateX(2deg);transition:transform .5s ease}.crt-monitor:hover{transform:rotateX(0) scale(1.01)}.crt-monitor:before{content:"";position:absolute;inset:10px;border-radius:12px;border:2px solid #222;pointer-events:none}.crt-screen{width:100%;aspect-ratio:4/3;background:#000;border-radius:10px;overflow:hidden;position:relative;box-shadow:inset 0 0 30px #00000080;display:flex;align-items:center;justify-content:center}.video-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.85;filter:blur(3px) saturate(1.2);transform:scale(1.05);z-index:1}.scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 3px);z-index:2;pointer-events:none}.screen-content{position:relative;z-index:3;text-align:center;color:var(--text-main)}.screen-content h2{font-family:var(--font-display);font-size:1.5rem;color:var(--accent-orange);margin-bottom:1rem;text-shadow:0 0 15px rgba(255,85,0,.8),0 0 5px rgba(0,0,0,.9);letter-spacing:1px}.screen-content p{font-family:var(--font-mono);font-size:.75rem;color:var(--text-main);text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(0,0,0,.9)}.crt-controls{display:flex;justify-content:space-between;align-items:center;padding:15px 20px 0}.crt-label{font-family:var(--font-mono);font-size:.5rem;color:#555;display:flex;align-items:center;gap:10px;letter-spacing:1px}.crt-buttons{display:flex;gap:8px}.crt-btn{width:30px;height:15px;background:#222;border-radius:2px;border:1px solid #444}.crt-btn-round{width:15px;border-radius:50%}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;animation:fadeUp 1s ease forwards}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.6s}.site-footer{border-top:1px solid var(--border-color);padding:2.5rem 3rem;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:.6rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);flex-wrap:wrap;gap:1rem}.site-footer .footer-mark{color:var(--accent-orange);letter-spacing:2px}.site-footer a{color:var(--text-muted);text-decoration:none;transition:color .2s ease}.site-footer a:hover{color:var(--text-main)}@media (max-width: 768px){nav{padding:1rem;flex-direction:column;gap:1.5rem}.nav-links{gap:1.5rem;flex-wrap:wrap;justify-content:center}.home-hero h1,.hero h1{font-size:2rem}.hero-actions,.home-hero .hero-cta{flex-direction:column;align-items:center}.crt-monitor{padding:10px}.site-footer{padding:1.5rem;flex-direction:column;text-align:center}}.pixel-cursor-layer{position:fixed;inset:0;pointer-events:none;z-index:9999;overflow:hidden}.pixel-particle{position:absolute;width:4px;height:4px;background:var(--accent-orange);pointer-events:none;will-change:transform,opacity;box-shadow:0 0 6px var(--accent-glow)}.pixel-loader{display:inline-flex;gap:4px;align-items:center}.pixel-loader .dot{width:6px;height:6px;background:var(--accent-orange);opacity:.2;animation:pixelDot 1.2s infinite steps(1)}.pixel-loader .dot:nth-child(2){animation-delay:.15s}.pixel-loader .dot:nth-child(3){animation-delay:.3s}.pixel-loader .dot:nth-child(4){animation-delay:.45s}@keyframes pixelDot{0%,to{opacity:.2;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.pixel-border{position:relative}.pixel-border:before,.pixel-border:after{content:"";position:absolute;width:8px;height:8px;background:var(--accent-orange);pointer-events:none;opacity:0;transition:opacity .2s ease}.pixel-border:before{top:-1px;left:-1px}.pixel-border:after{bottom:-1px;right:-1px}.pixel-border:hover:before,.pixel-border:hover:after,.pixel-border.is-active:before,.pixel-border.is-active:after{opacity:1}.nav-link{position:relative;display:inline-block}.nav-link:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:3px;background-image:linear-gradient(to right,var(--accent-orange) 0,var(--accent-orange) 3px,transparent 3px,transparent 6px);background-size:6px 3px;transition:width .25s ease}.nav-link:hover:after,.nav-link[aria-current=page]:after{width:100%}@keyframes pixelFadeIn{0%{opacity:0;filter:blur(4px);transform:translateY(8px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}.page-enter{animation:pixelFadeIn .5s ease forwards}@keyframes markPulse{0%,to{text-shadow:0 0 0 var(--accent-glow);transform:scale(1)}50%{text-shadow:0 0 12px var(--accent-glow);transform:scale(1.05)}}.logo-pixel{display:inline-block;animation:markPulse 3s ease-in-out infinite}.pixel-thumb{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;background:var(--thumb-bg, #050505);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center}.pixel-thumb canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}.pixel-thumb .thumb-label{position:relative;z-index:2;font-family:var(--font-mono);font-size:.7rem;letter-spacing:2px;color:var(--text-main);text-transform:uppercase;text-shadow:0 0 8px rgba(0,0,0,.9),0 0 2px rgba(0,0,0,1);padding:4px 8px}.pixel-tag{display:inline-block;font-family:var(--font-mono);font-size:.55rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);padding:3px 7px;border:1px solid var(--border-color);background:#ffffff05}.pixel-tag.accent{color:var(--accent-orange);border-color:#f506;background:#ff55000d}.pixel-walker{width:16px;height:16px;display:inline-block;background:var(--accent-orange);position:relative;animation:walkerBob .6s steps(2) infinite}.pixel-walker:before,.pixel-walker:after{content:"";position:absolute;background:var(--accent-orange)}.pixel-walker:before{width:4px;height:4px;top:-4px;left:2px}.pixel-walker:after{width:6px;height:2px;bottom:-2px;left:2px}@keyframes walkerBob{0%{transform:translateY(0)}50%{transform:translateY(-2px)}to{transform:translateY(0)}}.section-heading{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:.7rem;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);margin-bottom:1.5rem}.section-heading:before{content:"";width:8px;height:8px;background:var(--accent-orange);flex-shrink:0}.section-heading .heading-line{flex:1;height:1px;background:var(--border-color)}@keyframes scanShimmer{0%{background-position:0 0}to{background-position:0 -100%}}.scanline-shimmer:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 2px,rgba(255,85,0,.04) 2px,rgba(255,85,0,.04) 4px);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.scanline-shimmer:hover:before{opacity:1;animation:scanShimmer 2s linear infinite}.pixel-arrow{display:inline-block;font-family:var(--font-mono);color:var(--accent-orange);transition:transform .2s ease}a:hover .pixel-arrow,.pixel-arrow:hover{transform:translate(4px)}.home-hero{text-align:center;padding:6rem 2rem 3rem;max-width:1000px;margin:0 auto}.home-hero .eyebrow{font-family:var(--font-mono);font-size:.7rem;letter-spacing:3px;color:var(--accent-orange);text-transform:uppercase;margin-bottom:1.5rem;display:inline-block;padding:4px 10px;border:1px solid rgba(255,85,0,.3);background:#ff55000a}.home-hero h1{font-family:var(--font-display);font-size:clamp(2.2rem,5.5vw,4.5rem);font-weight:400;line-height:1.15;margin-bottom:1.25rem;letter-spacing:0px;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.08)}.home-hero .hero-sub{font-family:var(--font-ui);font-size:1.05rem;color:var(--text-muted);max-width:580px;margin:0 auto 2.5rem;line-height:1.6;font-weight:300;letter-spacing:.5px}.home-hero .hero-cta{display:inline-flex;align-items:center;gap:10px}.featured-section{max-width:1100px;margin:0 auto;padding:0 2rem 6rem}.featured-meta{display:flex;justify-content:space-between;align-items:flex-end;margin-top:1.5rem;padding:0 4px}.featured-meta .featured-title{font-family:var(--font-display);font-size:1.5rem;color:var(--text-main);margin-bottom:.25rem}.featured-meta .featured-sub{font-family:var(--font-mono);font-size:.65rem;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted)}.featured-meta .featured-link{font-family:var(--font-mono);font-size:.7rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent-orange);text-decoration:none;display:inline-flex;align-items:center;gap:8px}.featured-meta .featured-link:hover{color:#fff;text-shadow:0 0 10px var(--accent-glow)}.projects-section{max-width:1100px;margin:0 auto;padding:0 2rem 8rem}.filter-bar{display:flex;gap:0;margin-bottom:2.5rem;border-bottom:1px solid var(--border-color);flex-wrap:wrap}.filter-btn{background:transparent;border:none;font-family:var(--font-mono);font-size:.65rem;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);padding:.9rem 1.4rem;position:relative;transition:color .2s ease;border-bottom:2px solid transparent;margin-bottom:-1px}.filter-btn:hover{color:var(--text-main)}.filter-btn.active{color:var(--accent-orange);border-bottom-color:var(--accent-orange)}.filter-count{margin-left:6px;font-size:.55rem;opacity:.6}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr}}.project-card{display:block;text-decoration:none;color:inherit;background:#ffffff03;border:1px solid var(--border-color);position:relative;transition:transform .3s ease,border-color .3s ease,background .3s ease}.project-card:hover{transform:translateY(-4px);border-color:#f506;background:#ff550005}.project-card .card-thumb{position:relative;overflow:hidden}.project-card .card-body{padding:1.25rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:.5rem}.project-card .card-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.project-card .card-title{font-family:var(--font-display);font-size:1.2rem;color:var(--text-main);font-weight:400}.project-card .card-year{font-family:var(--font-mono);font-size:.6rem;letter-spacing:1.5px;color:var(--text-muted);flex-shrink:0}.project-card .card-tagline{font-family:var(--font-ui);font-size:.85rem;color:var(--text-muted);line-height:1.5;font-weight:300}.project-card .card-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:.5rem}.project-page{max-width:1100px;margin:0 auto;padding:3rem 2rem 6rem}.project-back{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.65rem;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);text-decoration:none;margin-bottom:3rem;transition:color .2s ease}.project-back:hover{color:var(--accent-orange)}.project-header{margin-bottom:3rem}.project-header .project-eyebrow{font-family:var(--font-mono);font-size:.65rem;letter-spacing:2px;text-transform:uppercase;color:var(--accent-orange);margin-bottom:1rem}.project-header h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:400;line-height:1.1;color:#fff;margin-bottom:.75rem;letter-spacing:0px}.project-header .project-tagline{font-family:var(--font-ui);font-size:1.05rem;color:var(--text-muted);font-weight:300;letter-spacing:.5px}.project-preview{margin-bottom:4rem}.project-body{display:grid;grid-template-columns:1.5fr 1fr;gap:4rem;margin-bottom:4rem}@media (max-width: 768px){.project-body{grid-template-columns:1fr;gap:2.5rem}}.project-description{font-family:var(--font-ui);font-size:1rem;color:var(--text-main);line-height:1.7;font-weight:300;letter-spacing:.3px}.project-description p+p{margin-top:1rem}.project-sidebar{display:flex;flex-direction:column;gap:2.5rem}.sidebar-block .sidebar-heading{font-family:var(--font-mono);font-size:.6rem;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);margin-bottom:1rem;display:flex;align-items:center;gap:8px}.sidebar-block .sidebar-heading:before{content:"";width:6px;height:6px;background:var(--accent-orange)}.sidebar-block .stack-list{display:flex;flex-wrap:wrap;gap:6px}.sidebar-block .resource-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.sidebar-block .resource-list li{font-family:var(--font-ui);font-size:.85rem;color:var(--text-main);font-weight:300;display:flex;align-items:center;gap:10px}.sidebar-block .resource-list li:before{content:"▸";color:var(--accent-orange);font-size:.7rem}.project-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:5rem;padding-top:2rem;border-top:1px solid var(--border-color)}.project-actions .btn-outline{display:inline-flex;align-items:center;gap:8px}.btn-primary{background:var(--accent-orange);border:1px solid var(--accent-orange);color:#050505;padding:.8rem 1.5rem;border-radius:4px;text-decoration:none;font-family:var(--font-ui);font-size:.75rem;text-transform:uppercase;letter-spacing:1px;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{background:#fff;border-color:#fff;box-shadow:0 0 20px var(--accent-glow)}.next-project{border-top:1px solid var(--border-color);padding-top:3rem;display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}.next-project .next-label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem}.next-project .next-title{font-family:var(--font-display);font-size:1.5rem;color:var(--text-main);font-weight:400}.next-project .next-link{text-decoration:none;color:inherit;display:block;transition:color .2s ease}.next-project .next-link:hover .next-title{color:var(--accent-orange)}.next-project .next-arrow{font-family:var(--font-mono);font-size:2rem;color:var(--accent-orange)}.about-page{max-width:720px;margin:0 auto;padding:4rem 2rem 6rem}.about-page h1{font-family:var(--font-display);font-size:clamp(2rem,4.5vw,3rem);font-weight:400;color:#fff;margin-bottom:2rem;line-height:1.2}.about-page p{font-family:var(--font-ui);font-size:1rem;color:var(--text-main);line-height:1.7;font-weight:300;letter-spacing:.3px;margin-bottom:1.25rem}.about-page p code,.about-page li code{font-family:var(--font-mono);font-size:.85em;color:var(--accent-orange);padding:1px 5px;background:#ff55000f;border:1px solid rgba(255,85,0,.2)}.about-roadmap{list-style:none;margin:2rem 0;padding:0}.about-roadmap li{font-family:var(--font-ui);font-size:.95rem;color:var(--text-main);font-weight:300;padding:.75rem 0;border-bottom:1px solid var(--border-color);display:flex;gap:16px;align-items:baseline}.about-roadmap li .version{font-family:var(--font-mono);font-size:.7rem;letter-spacing:1.5px;color:var(--accent-orange);flex-shrink:0;width:40px}.about-roadmap li.current{color:var(--text-main);font-weight:500}.about-roadmap li.future{color:var(--text-muted)}