@import "https://fonts.googleapis.com/css2?family=Courier+Prime:wght@400;700&family=Space+Mono:wght@400;700&family=Oswald:wght@400;500;600;700&family=Outfit:wght@300;400;500;600&family=Rajdhani:wght@400;500;600;700&display=swap";:root{--void:#08080a;--card:#111118;--glow:#c8ff00;--glow-dim:#c8ff000f;--glow-mid:#c8ff0026;--amber:gold;--cyan:#00e5ff;--signal:#f33;--text:#aaa;--text-dim:#444450;--text-bright:#ddd;--text-white:#eeeef2;--purple:#b388ff;--border:#ffffff0a;--border-hover:#c8ff001a}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--void);color:var(--text);font-family:Outfit,sans-serif;overflow:hidden}body.ready{overflow-y:auto}#grain{pointer-events:none;z-index:9000;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");animation:.3s steps(3,end) infinite grainShift;position:fixed;inset:0}#crt-lines{pointer-events:none;z-index:8999;opacity:.3;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000000d 2px 4px);position:fixed;inset:0}.scanline{background:linear-gradient(to right, transparent, #c8ff0005, var(--glow-dim), #c8ff0005, transparent);z-index:9001;opacity:.12;width:100%;height:3px;animation:8s linear infinite scanDown;position:fixed;top:-2px;left:0}.corner{z-index:100;position:fixed}.corner:before,.corner:after{content:"";background:#c8ff0014;position:absolute}.corner-tl{top:24px;left:24px}.corner-tl:before{width:40px;height:1px}.corner-tl:after{width:1px;height:40px}.corner-tr{top:24px;right:24px}.corner-tr:before{width:40px;height:1px;right:0}.corner-tr:after{width:1px;height:40px;right:0}.corner-bl{bottom:24px;left:24px}.corner-bl:before{width:40px;height:1px;bottom:0}.corner-bl:after{width:1px;height:40px;bottom:0}.corner-br{bottom:24px;right:24px}.corner-br:before{width:40px;height:1px;bottom:0;right:0}.corner-br:after{width:1px;height:40px;bottom:0;right:0}#particles{z-index:1;pointer-events:none;opacity:.3;position:fixed;inset:0}.particle{background:var(--text-dim);border-radius:50%;width:1px;height:1px;animation:linear infinite drift;position:absolute}#glitch-intro{z-index:7000;background:var(--void);pointer-events:none;animation:1.6s ease-out forwards glitchIntro;position:fixed;inset:0}#glitch-intro .g-bar{opacity:0;width:100%;position:absolute;left:0}#drag-zone{z-index:3;cursor:grab;border-radius:50%;width:340px;height:340px;position:absolute;top:50%;left:50%;transform:translate(-50%,-58%)}#drag-zone:active{cursor:grabbing}.site-nav{z-index:6000;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--border);background:#08080aeb;justify-content:space-between;align-items:center;width:100%;padding:.8rem 3rem;animation:.6s cubic-bezier(.16,1,.3,1) 1.6s forwards navSlideIn;display:flex;position:fixed;top:0;transform:translateY(-100%)}.nav-brand{align-items:center;gap:.7rem;text-decoration:none;display:flex}.nav-brand img{height:38px;filter:invert(1) drop-shadow(0 0 6px var(--glow-dim));transition:filter .3s}.nav-brand:hover img{filter:invert(1) drop-shadow(0 0 12px var(--glow-mid))}.nav-brand-text{letter-spacing:4px;text-transform:uppercase;color:var(--text-white);font-family:Oswald,sans-serif;font-size:1.1rem;font-weight:700}.nav-links{gap:2.2rem;list-style:none;display:flex}.nav-links a{letter-spacing:3px;text-transform:uppercase;color:var(--text-dim);font-family:Rajdhani,sans-serif;font-size:.85rem;font-weight:600;text-decoration:none;transition:color .3s;position:relative}.nav-links a:after{content:"";background:var(--glow);width:0;height:1px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-links a:hover{color:var(--glow)}.nav-links a:hover:after{width:100%}.hero-section{text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;min-height:100vh;padding-bottom:6rem;display:flex;position:relative;overflow:hidden}.hero-text{z-index:10;opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) 1.8s forwards contentReveal;position:relative;transform:translateY(30px)}.hero-text h1{letter-spacing:8px;text-transform:uppercase;color:var(--text-white);font-family:Oswald,sans-serif;font-size:clamp(2.8rem,7vw,5.5rem);font-weight:700;line-height:.95}.hero-text h1 .glow-text{background:linear-gradient(135deg, var(--glow), var(--amber));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-text .hero-sub{letter-spacing:10px;text-transform:uppercase;color:var(--text-dim);margin-top:.5rem;font-family:Rajdhani,sans-serif;font-size:clamp(.6rem,1.1vw,.85rem);font-weight:500}.hero-text .hero-tagline{color:var(--text);letter-spacing:.5px;margin-top:1.5rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:300}.hero-cta-row{justify-content:center;gap:1rem;margin-top:2rem;display:flex}.btn-glow{letter-spacing:3px;text-transform:uppercase;cursor:pointer;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));border:none;padding:.75rem 2rem;font-family:Rajdhani,sans-serif;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.btn-glow.primary{background:var(--glow);color:var(--void)}.btn-glow.primary:hover{transform:translateY(-2px);box-shadow:0 8px 35px #c8ff0040}.btn-glow.outline{color:var(--text-bright);background:0 0;border:1px solid #ffffff1a}.btn-glow.outline:hover{border-color:var(--glow);color:var(--glow);transform:translateY(-2px)}.hero-scroll{z-index:10;opacity:0;animation:.6s ease-out 2.4s forwards contentReveal;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.hero-scroll span{letter-spacing:4px;text-transform:uppercase;color:var(--text-dim);font-family:Rajdhani,sans-serif;font-size:.55rem}.hero-scroll .bar{background:linear-gradient(to bottom, var(--glow), transparent);width:1px;height:35px;margin:.3rem auto 0;animation:2.5s ease-in-out infinite scrollPulse}.site-section{z-index:10;max-width:1200px;margin:0 auto;padding:6rem 3rem;position:relative}.sec-divider{background:linear-gradient(to right, transparent, var(--border), #c8ff000a, var(--border), transparent);width:100%;height:1px}.sec-label{letter-spacing:5px;text-transform:uppercase;color:var(--glow);align-items:center;gap:.5rem;margin-bottom:.6rem;font-family:Rajdhani,sans-serif;font-size:.7rem;font-weight:600;display:flex}.sec-label:before{content:"◈";font-size:.45rem}.sec-title{letter-spacing:4px;text-transform:uppercase;color:var(--text-white);font-family:Oswald,sans-serif;font-size:clamp(2rem,4vw,3.2rem);font-weight:700;line-height:1.05}.sec-desc{color:var(--text);max-width:520px;margin-top:.7rem;font-size:.95rem;font-weight:300;line-height:1.8}.featured-game{background:var(--card);border:1px solid var(--border);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));grid-template-columns:1fr 1fr;margin-top:2.5rem;transition:border-color .4s;display:grid;overflow:hidden}.featured-game:hover{border-color:var(--border-hover)}.fg-visual{background:linear-gradient(160deg,#0d1a2f,#0a0a14,#141028);justify-content:center;align-items:center;min-height:320px;padding:2.5rem;display:flex;position:relative}.fg-visual .fg-logo-text{letter-spacing:6px;text-transform:uppercase;color:#ffffff0a;text-align:center;z-index:1;font-family:Oswald,sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:700;line-height:1.15;position:relative}.fg-visual:before{content:"";background:radial-gradient(at 30% 60%,#c8ff000a,#0000 60%),radial-gradient(at 70% 30%,#00e5ff08,#0000 50%);position:absolute;inset:0}.fg-badge{letter-spacing:2px;text-transform:uppercase;background:var(--glow);color:var(--void);z-index:2;padding:.2rem .6rem;font-family:Rajdhani,sans-serif;font-size:.55rem;font-weight:700;position:absolute;top:1.2rem;left:1.2rem}.fg-info{flex-direction:column;justify-content:center;padding:2.5rem;display:flex}.fg-info h3{letter-spacing:3px;text-transform:uppercase;color:var(--text-white);font-family:Oswald,sans-serif;font-size:2rem;font-weight:700}.fg-genre{letter-spacing:3px;text-transform:uppercase;color:var(--glow);margin:.3rem 0 .8rem;font-family:Rajdhani,sans-serif;font-size:.65rem;font-weight:600}.fg-info p{color:var(--text);font-size:.88rem;font-weight:300;line-height:1.75}.fg-meta{flex-wrap:wrap;gap:.4rem;margin-top:1rem;display:flex}.ptag{letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim);border:1px solid #ffffff0f;padding:.15rem .45rem;font-family:Rajdhani,sans-serif;font-size:.55rem;font-weight:600}.fg-cta{margin-top:1.3rem}.fg-visual-app:before{background:radial-gradient(at 30% 60%,#00e5ff0a,#0000 60%),radial-gradient(at 70% 30%,#b388ff08,#0000 50%)}.fg-badge-app{background:var(--cyan)}.fg-genre-app{color:var(--cyan)}.btn-glow-app{background:var(--cyan)}.btn-glow-app:hover{box-shadow:0 8px 35px #00e5ff40}.featured-app:hover{border-color:#00e5ff1a}.filter-bar{gap:.4rem;margin-top:1.8rem;display:flex}.filter-tab{letter-spacing:3px;text-transform:uppercase;border:1px solid var(--border);color:var(--text-dim);cursor:pointer;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));background:0 0;padding:.45rem 1.2rem;font-family:Rajdhani,sans-serif;font-size:.65rem;font-weight:700;transition:all .3s}.filter-tab:hover{color:var(--text-bright);border-color:#ffffff1a}.filter-tab.active{background:var(--glow);color:var(--void);border-color:var(--glow)}.projects-grid{grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:1.5rem;display:grid}.project-card{background:var(--card);border:1px solid var(--border);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));padding:1.6rem;transition:all .4s}.project-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 20px 60px #0006}.pc-header{justify-content:space-between;align-items:center;margin-bottom:.7rem;display:flex}.pc-type{letter-spacing:2px;text-transform:uppercase;padding:.1rem .4rem;font-family:Rajdhani,sans-serif;font-size:.5rem;font-weight:700}.pc-type.game{color:var(--glow);background:#c8ff001f;border:1px solid #c8ff0026}.pc-type.app{color:var(--cyan);background:#00e5ff1f;border:1px solid #00e5ff26}.pc-type.tool{color:var(--purple);background:#b388ff1f;border:1px solid #b388ff26}.pc-badge{letter-spacing:2px;text-transform:uppercase;padding:.1rem .4rem;font-family:Rajdhani,sans-serif;font-size:.5rem;font-weight:700}.pc-badge.active{color:var(--glow);background:#c8ff001f;border:1px solid #c8ff0026}.pc-badge.dev{color:var(--cyan);background:#00e5ff1f;border:1px solid #00e5ff26}.pc-badge.ann{color:var(--amber);background:#ffd7001f;border:1px solid #ffd70026}.project-card h4{letter-spacing:2px;text-transform:uppercase;color:var(--text-white);font-family:Oswald,sans-serif;font-size:1.2rem;font-weight:600}.pc-genre{letter-spacing:2px;text-transform:uppercase;margin:.2rem 0 .5rem;font-family:Rajdhani,sans-serif;font-size:.6rem;font-weight:600}.pc-genre.game{color:var(--glow)}.pc-genre.app{color:var(--cyan)}.pc-genre.tool{color:var(--purple)}.project-card p{color:var(--text);font-size:.82rem;font-weight:300;line-height:1.7}.pc-tech{flex-wrap:wrap;gap:.3rem;margin-top:.8rem;display:flex}.pc-tech span{letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim);border:1px solid #ffffff0f;padding:.1rem .4rem;font-family:Rajdhani,sans-serif;font-size:.5rem;font-weight:600}.reveal-d3{transition-delay:.3s}.about-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:4rem;margin-top:2.5rem;display:grid}.about-stats{grid-template-columns:repeat(2,1fr);gap:.8rem;margin-top:2rem;display:grid}.stat{background:var(--card);border:1px solid var(--border);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));padding:1.1rem 1.3rem;transition:border-color .3s}.stat:hover{border-color:var(--border-hover)}.stat-val{background:linear-gradient(135deg, var(--glow), var(--amber));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Oswald,sans-serif;font-size:2.2rem;font-weight:700;line-height:1}.stat-lbl{letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);margin-top:.15rem;font-family:Rajdhani,sans-serif;font-size:.65rem;font-weight:500}.about-visual{justify-content:center;align-items:center;display:flex}.about-logo-wrap{width:260px;height:260px;position:relative}.about-logo-wrap img{width:160px;filter:invert(1) drop-shadow(0 0 30px var(--glow-dim));z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit{border:1px solid;border-radius:50%;animation:linear infinite spin;position:absolute}.o1{border-color:#c8ff0014;animation-duration:25s;inset:0}.o2{border-color:#c8ff000a;animation-duration:35s;animation-direction:reverse;inset:-18px}.o3{border-color:#c8ff0005;animation-duration:50s;inset:-36px}.o-dot{border-radius:50%;width:5px;height:5px;position:absolute;top:-2.5px;left:50%}.o1 .o-dot{background:var(--glow);box-shadow:0 0 10px var(--glow-mid)}.o2 .o-dot{background:var(--amber);box-shadow:0 0 10px #ffd7004d}.o3 .o-dot{background:var(--cyan);box-shadow:0 0 10px #00e5ff33}.site-footer{border-top:1px solid var(--border);z-index:10;padding:2rem 3rem;position:relative}.footer-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.footer-brand{align-items:center;gap:.5rem;display:flex}.footer-brand img{filter:invert();opacity:.3;height:20px}.footer-brand span{color:var(--text-dim);letter-spacing:1px;font-family:Rajdhani,sans-serif;font-size:.7rem;font-weight:500}.footer-links{gap:1.5rem;display:flex}.footer-links a{letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);font-family:Rajdhani,sans-serif;font-size:.65rem;font-weight:600;text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--glow)}.reveal{opacity:0;transition:all .7s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-d1{transition-delay:.1s}.reveal-d2{transition-delay:.2s}@keyframes scanDown{0%{top:-2px}to{top:100%}}@keyframes grainShift{0%{transform:translate(0)}33%{transform:translate(-1px,1px)}66%{transform:translate(1px,-1px)}}@keyframes drift{0%{opacity:0;transform:translateY(100vh)}10%{opacity:.4}90%{opacity:.4}to{opacity:0;transform:translateY(-10vh)}}@keyframes scrollPulse{0%,to{opacity:.3}50%{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glitchIntro{0%{opacity:1;background:var(--void)}5%{background:var(--glow)}8%{background:var(--void)}12%{background:#c8ff004d}15%{background:var(--void)}20%{background:#ff333326}24%{background:var(--void)}30%{background:#c8ff001a}35%{background:var(--void)}50%{opacity:1;background:#fff}55%{background:var(--void)}65%{opacity:.6}to{opacity:0;pointer-events:none}}@keyframes navSlideIn{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes contentReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.featured-game{grid-template-columns:1fr}.projects-grid{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr;gap:2.5rem}.about-visual{order:-1}}@media (width<=768px){.site-nav{padding:.8rem 1.5rem}.nav-links{display:none}.site-section{padding:4rem 1.5rem}.corner-tl{top:12px;left:12px}.corner-tr{top:12px;right:12px}.corner-bl{bottom:12px;left:12px}.corner-br{bottom:12px;right:12px}.projects-grid{grid-template-columns:1fr}.filter-bar{flex-wrap:wrap}.fg-info,.fg-visual{padding:1.8rem}.fg-visual{min-height:180px}.footer-inner{text-align:center;flex-direction:column;gap:1rem}.about-logo-wrap{width:200px;height:200px}.about-logo-wrap img{width:120px}.hero-section{padding-bottom:5rem}#drag-zone{width:260px;height:260px}}