.hero{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:6rem 3rem;position:relative;background:radial-gradient(ellipse at 20% 50%,rgba(57,255,20,.07) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(255,0,204,.05) 0%,transparent 50%),var(--dark);overflow:hidden;text-align:center}.hero-pre{font-family:var(--font-pixel);font-size:.55rem;color:var(--pus);letter-spacing:.15em;margin-bottom:1rem;animation:blink-text 1.4s step-end infinite}.hero-name{font-family:var(--font-pixel);font-size:clamp(1rem,3.5vw,2.2rem);color:var(--slime);text-shadow:var(--glow);margin-bottom:1rem;line-height:1.6;position:relative;display:inline-block}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;inset:0;font-family:var(--font-pixel);font-size:inherit;line-height:inherit;display:inline-block}.glitch:before{color:var(--hot-pink);clip-path:polygon(0 30%,100% 30%,100% 50%,0 50%);animation:glitch-a 4s steps(2) infinite}.glitch:after{color:#0ff;clip-path:polygon(0 62%,100% 62%,100% 74%,0 74%);animation:glitch-b 3.2s steps(2) infinite}@keyframes glitch-a{0%,85%,to{transform:translate(0);opacity:0}87%{transform:translate(-4px);opacity:.8}89%{transform:translate(4px);opacity:.8}91%{transform:translate(0);opacity:0}}@keyframes glitch-b{0%,78%,to{transform:translate(0);opacity:0}80%{transform:translate(3px);opacity:.7}82%{transform:translate(-3px);opacity:.7}84%{transform:translate(0);opacity:0}}.blink{animation:blink-text .8s step-end infinite;color:var(--slime)}@keyframes blink-text{0%,to{opacity:1}50%{opacity:0}}.hero-role{font-size:1rem;color:var(--text-dim);margin-bottom:1.5rem;letter-spacing:.08em}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.about-grid{display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:start}.body-text{margin-bottom:2rem;font-size:1rem}.stat-row{display:flex;flex-wrap:wrap;gap:2rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--slime-dk)}.stat{font-family:var(--font-pixel);font-size:.5rem;color:var(--pus)}.about-decoration{display:flex;flex-direction:column;align-items:center;padding-top:.5rem}.winamp{width:210px;background:#1f1f1f;border:1px solid #555;box-shadow:2px 2px #000,inset 1px 1px #444;font-family:var(--font-pixel);user-select:none}.winamp-titlebar{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#1a4a1a,#0a2a0a);padding:4px 6px;border-bottom:1px solid #333}.winamp-title{font-size:.45rem;color:var(--slime);text-shadow:var(--glow);letter-spacing:.2em}.winamp-window-btns{display:flex;gap:4px;font-size:.45rem;color:#888}.winamp-window-btns span{cursor:pointer;padding:0 2px}.winamp-window-btns span:hover{color:var(--slime)}.winamp-display{background:#000;margin:6px;padding:6px 8px;border:1px solid #333}.winamp-track-wrap{overflow:hidden;white-space:nowrap;margin-bottom:6px}.winamp-track{display:inline-block;font-size:.38rem;color:var(--slime);text-shadow:0 0 6px var(--slime);animation:track-scroll 12s linear infinite;padding-right:40px}@keyframes track-scroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}.winamp-meta{display:flex;justify-content:space-between;align-items:baseline}.winamp-time{font-size:.7rem;color:var(--slime);text-shadow:0 0 8px var(--slime);letter-spacing:.1em}.winamp-info{font-size:.3rem;color:#3a6a3a;letter-spacing:.05em}.winamp-viz{display:flex;align-items:flex-end;gap:2px;height:28px;padding:0 6px 4px;background:#000;margin:0 6px;border-left:1px solid #333;border-right:1px solid #333}.viz-bar{flex:1;background:var(--slime);box-shadow:0 0 4px var(--slime);animation:viz-pulse calc(.4s + (var(--i) * .07s)) ease-in-out infinite alternate;min-height:2px}@keyframes viz-pulse{0%{height:10%;opacity:.5}to{height:calc(40% + (var(--i) * 5%));opacity:1}}.winamp-seek{height:6px;background:#0a0a0a;margin:4px 6px;border:1px solid #333;overflow:hidden}.winamp-seek-fill{height:100%;width:0%;background:linear-gradient(90deg,#1a5a1a,var(--slime));transition:width .9s linear}.winamp-buttons{display:flex;gap:3px;padding:4px 6px 6px;justify-content:center}.wp-btn{background:#2a2a2a;border:1px solid #555;color:#aaa;font-size:.55rem;padding:3px 6px;cursor:pointer;box-shadow:1px 1px #000;transition:background .1s,color .1s;line-height:1}.wp-btn:hover{background:#3a3a3a;color:var(--slime)}.wp-btn:active{box-shadow:none;transform:translate(1px,1px)}.wp-play{background:#1a3a1a;color:var(--slime);border-color:var(--slime-dk)}.skills-container{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.skills-code{font-family:var(--font-mono)}.code-line{font-size:.95rem}.code-indent{padding-left:2rem}.code-key{color:var(--hot-pink)}.code-string{color:var(--pus)}.skills-bubbles{display:flex;flex-wrap:wrap;gap:1rem;align-content:flex-start}.skill-bubble{font-family:var(--font-pixel);font-size:.5rem;color:var(--slime);border:1px solid var(--slime-dk);padding:.5rem 1rem;display:inline-block;transition:background .15s,box-shadow .15s;cursor:default;animation:bubble-float 4s ease-in-out infinite}.skill-bubble:nth-child(odd){animation-duration:3.5s}.skill-bubble:nth-child(3n){animation-duration:5s}.skill-bubble:hover{background:var(--slime);color:var(--dark);box-shadow:var(--glow)}@keyframes bubble-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.contact-intro{font-family:var(--font-pixel);font-size:.43rem;color:var(--pus);margin-bottom:3rem;line-height:2;letter-spacing:.06em}.contact-links{display:flex;flex-direction:column;gap:.5rem}.contact-link{display:flex;align-items:center;gap:1rem;color:var(--text);text-decoration:none;font-size:.95rem;padding:12px 16px;border:1px solid var(--slime-dk);transition:border-color .2s,color .2s,background .2s}.contact-link:hover{border-color:var(--slime);color:var(--slime);background:#39ff140d}.contact-icon{font-size:1.2rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.project-card{text-decoration:none;color:var(--text);display:flex;flex-direction:column;gap:.75rem}.project-number{font-family:var(--font-pixel);font-size:1.4rem;color:#39ff142e;line-height:1}.project-title{font-family:var(--font-pixel);font-size:.58rem;color:var(--slime);line-height:1.8}.project-img-wrap{width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--slime-dk);background:#000}.project-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;filter:saturate(.8) brightness(.9)}.project-card:hover .project-img{transform:scale(1.04);filter:saturate(1.1) brightness(1)}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{font-family:var(--font-pixel);font-size:.5rem;color:var(--dark);background:var(--slime-dk);padding:.2rem .5rem;border:1px solid var(--slime)}.project-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.2rem}.project-link-btn{font-family:var(--font-pixel);font-size:.4rem;color:var(--hot-pink);text-decoration:none;letter-spacing:.08em;border:1px solid var(--hot-pink);padding:5px 10px;transition:background .15s,color .15s,text-shadow .15s}.project-link-btn:hover{background:var(--hot-pink);color:var(--dark);text-shadow:none}*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--slime: #39FF14;--slime-dk: #1a7a00;--pus: #c8b400;--hot-pink: #ff00cc;--chrome: #c0c0c0;--dark: #080f06;--dark2: #0f1a0c;--text: #c8e6c9;--text-dim: #7a9c6a;--glow: 0 0 8px #39FF14, 0 0 22px #1a7a00;--font-pixel: "Press Start 2P", monospace;--font-mono: "Share Tech Mono", monospace}html{scroll-behavior:smooth}body{background-color:var(--dark);color:var(--text);font-family:var(--font-mono);font-size:24px;line-height:1.7;cursor:crosshair;overflow-x:hidden}body:after{content:"";position:fixed;inset:0;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 3px,rgba(0,0,0,.07) 3px,rgba(0,0,0,.07) 4px);pointer-events:none;z-index:9999}.slime-bar{height:20px;background:var(--slime);width:100%}.btn{font-family:var(--font-pixel);font-size:.5rem;padding:14px 22px;text-decoration:none;letter-spacing:.1em;border:2px solid;transition:all .15s;cursor:pointer;display:inline-block}.btn-primary{background:var(--slime);color:var(--dark);border-color:var(--slime);box-shadow:4px 4px 0 var(--slime-dk)}.btn-primary:hover{background:var(--dark);color:var(--slime);box-shadow:var(--glow);transform:translate(-2px,-2px)}.btn-secondary{background:transparent;color:var(--chrome);border-color:var(--chrome);box-shadow:4px 4px #333}.btn-secondary:hover{color:var(--slime);border-color:var(--slime);box-shadow:var(--glow);transform:translate(-2px,-2px)}.section{padding:80px 32px;max-width:1100px;margin:0 auto}.section-dark{max-width:100%;background:var(--dark2);border-top:1px solid var(--slime-dk);border-bottom:1px solid var(--slime-dk);padding:80px 32px}.section-dark .section-header,.section-dark .projects-grid,.section-dark .contact-container{max-width:1100px;margin-left:auto;margin-right:auto}.section-header{margin-bottom:48px}.section-header h2{font-family:var(--font-pixel);font-size:clamp(.55rem,1.8vw,.85rem);color:var(--slime);text-shadow:var(--glow);letter-spacing:.1em}.pixel-bracket{color:var(--pus)}.card{background:#39ff1408;border:1px solid var(--slime-dk);padding:28px;position:relative;transition:border-color .2s,box-shadow .2s;overflow:hidden}.card:hover{border-color:var(--slime);box-shadow:0 0 20px #39ff141f}@media(max-width:768px){.about-grid,.skills-container{grid-template-columns:1fr}nav ul{gap:12px}}@media(max-width:480px){nav ul{display:none}.section,.section-dark{padding:60px 20px}}nav{background:#000000eb;border-bottom:2px solid var(--slime);position:sticky;top:0;z-index:100;backdrop-filter:blur(4px)}.nav-bar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 2rem}.nav-logo{font-family:var(--font-pixel);font-size:.8rem;color:var(--slime);text-shadow:var(--glow);white-space:nowrap}.nav-links{list-style:none;display:flex;gap:1.5rem}.nav-links a{font-family:var(--font-pixel);font-size:.6rem;color:var(--chrome);text-decoration:none;letter-spacing:.05em;transition:color .2s,text-shadow .2s}.nav-links a:hover{color:var(--slime);text-shadow:var(--glow)}.nav-hamburger{display:none;flex-direction:column;gap:4px;background:none;border:1px solid var(--slime-dk);padding:7px 8px;cursor:pointer}.nav-hamburger span{display:block;width:18px;height:2px;background:var(--slime);transition:transform .2s,opacity .2s}.nav-hamburger.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.nav-mobile-menu{display:none;border-top:1px solid var(--slime-dk);background:#000000f7}.nav-mobile-menu.open{display:block}.nav-mobile-menu ul{list-style:none;display:flex;flex-direction:column}.nav-mobile-menu a{display:block;font-family:var(--font-pixel);font-size:.6rem;color:var(--chrome);text-decoration:none;letter-spacing:.08em;padding:1rem 2rem;border-bottom:1px solid var(--slime-dk);transition:color .15s,background .15s}.nav-mobile-menu a:hover{color:var(--slime);background:#39ff140d}@media(max-width:640px){.nav-bar{padding:.75rem 1rem}.nav-logo{font-size:.55rem}.nav-links{display:none}.nav-hamburger{display:flex}}.ticker-wrap{background:var(--slime);overflow:hidden;padding:.5rem 0}.ticker{display:flex;width:max-content;animation:ticker-scroll 22s linear infinite}.ticker span{font-family:var(--font-pixel);font-size:.45rem;color:var(--dark);padding:0 5rem;white-space:nowrap}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}footer{background:#000;border-top:2px solid var(--slime);padding:1.5rem 2rem}.footer-inner{max-width:80%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.footer-copy,.footer-visitors,.footer-status{font-family:var(--font-pixel);font-size:.5rem}.footer-copy{color:var(--slime-dk)}.footer-visitors{color:var(--pus)}.footer-status{color:var(--slime);animation:blink-text 2s step-end infinite}#vc{color:var(--slime);text-shadow:var(--glow)}