@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--pixel-void: #0a0a12;--pixel-nebula: #1a1a2e;--pixel-electric: #00d4ff;--pixel-matrix: #39ff14;--pixel-sunset: #ff6b35;--pixel-purple: #9d4edd;--glass-white: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .15);--gradient-tech: linear-gradient(135deg, var(--pixel-electric), var(--pixel-purple));--gradient-warm: linear-gradient(135deg, var(--pixel-sunset), var(--pixel-purple));--gradient-matrix: linear-gradient(135deg, var(--pixel-matrix), var(--pixel-electric))}*{box-sizing:border-box}body{font-family:Space Grotesk,sans-serif;background:var(--pixel-void);color:#ffffffe6;overflow-x:hidden;min-height:100vh;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:"Press Start 2P",cursive;line-height:1.6;margin:0}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1rem}code,pre{font-family:JetBrains Mono,monospace}a{color:var(--pixel-electric);text-decoration:none;transition:color .3s ease}a:hover{color:var(--pixel-matrix)}.glass-card{background:var(--glass-white);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:12px;will-change:transform,opacity,box-shadow}.glass-card-strong{background:#ffffff1f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.2);border-radius:12px;will-change:transform,opacity}.pixel-btn{font-family:"Press Start 2P",cursive;font-size:.7rem;padding:.75rem 1.5rem;border:2px solid var(--pixel-electric);background:transparent;color:var(--pixel-electric);cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.pixel-btn:hover{background:var(--pixel-electric);color:var(--pixel-void);box-shadow:0 0 20px #00d4ff66}.pixel-btn-filled{background:var(--pixel-electric);color:var(--pixel-void)}.pixel-btn-filled:hover{background:var(--pixel-matrix);border-color:var(--pixel-matrix);box-shadow:0 0 20px #39ff1466}.section-title{font-family:"Press Start 2P",cursive;font-size:clamp(1rem,3.5vw,2rem);display:inline-flex;align-items:baseline;flex-wrap:wrap;justify-content:center;gap:.25rem}.section-title-wrapper{text-align:center}.section-title .title-main{background:linear-gradient(135deg,var(--pixel-electric),var(--pixel-matrix));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-title .title-ext{color:var(--pixel-sunset);font-size:.8em}.gradient-underline{display:block;height:3px;background:var(--gradient-tech);margin:.5rem auto 0;border-radius:2px}.terminal-input{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:4px;padding:.75rem 1rem;color:#fff;font-family:JetBrains Mono,monospace;font-size:.9rem;width:100%;transition:border-color .3s ease}.terminal-input:focus{outline:none;border-color:var(--pixel-electric);box-shadow:0 0 10px #00d4ff33}.terminal-input::placeholder{color:#ffffff4d}.skill-bar{height:12px;background:#ffffff1a;border-radius:2px;overflow:hidden}.skill-bar-fill{height:100%;border-radius:2px;transition:width 1s ease-out;background-size:20px 20px;background-image:repeating-linear-gradient(90deg,transparent,transparent 8px,rgba(255,255,255,.1) 8px,rgba(255,255,255,.1) 10px)}.tech-tag{display:inline-block;padding:.25rem .75rem;font-size:.7rem;font-family:"Press Start 2P",cursive;border:1px solid var(--pixel-electric);color:var(--pixel-electric);border-radius:4px;text-transform:uppercase}.social-icon-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:var(--glass-white);border:1px solid var(--glass-border);border-radius:8px;color:#fff;font-size:.6rem;font-family:"Press Start 2P",cursive;text-transform:uppercase;transition:all .3s ease;cursor:pointer;text-decoration:none}.social-icon-btn:hover{border-color:var(--pixel-electric);box-shadow:0 0 15px #00d4ff4d;transform:translateY(-3px);color:#fff}.social-icon-btn svg{width:24px;height:24px;fill:currentColor}.pixel-border{border-radius:0;image-rendering:pixelated}.scanline{background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none}.pixel-grid{background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0px,rgba(255,255,255,.03) 1px,transparent 1px,transparent 8px),repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0px,rgba(255,255,255,.03) 1px,transparent 1px,transparent 8px)}.text-gradient-electric{background:linear-gradient(135deg,var(--pixel-electric),var(--pixel-matrix));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-warm{background:linear-gradient(135deg,var(--pixel-sunset),var(--pixel-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-electric{box-shadow:0 0 20px #00d4ff4d}.glow-matrix{box-shadow:0 0 20px #39ff144d}.glow-sunset{box-shadow:0 0 20px #ff6b354d}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-twinkle{animation:twinkle 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.7}}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink{0%,50%{border-color:var(--pixel-matrix)}51%,to{border-color:transparent}}