@import url("https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;600;700&family=Space+Grotesk:wght@500;600;700&display=swap");:root{--bg-hero:#111332;--bg-about:#0d0f2b;--bg-skills:#111333;--bg-projects:#0e1028;--bg-contact:#0a0c20;--surface:#15183a;--surface-hover:#1e2250;--surface-elevated:#252a5a;--neon-green:#00ff41;--neon-cyan:#00ffff;--neon-pink:#ff00ff;--neon-purple:#b388ff;--neon-yellow:#ffe600;--accent-gradient:linear-gradient(135deg,#00ff41,#00ffff 70%);--glitch-gradient:linear-gradient(45deg,#ff00ff,#00ffff,#00ff41);--text-primary:#e8edf5;--text-secondary:#a0b0d0;--text-muted:#6a7a9a;--text-subtle:#3a4a6a;--border:rgba(0,255,65,0.15);--border-hover:rgba(0,255,65,0.4);--glow-neon:0 0 30px rgba(0,255,65,0.3);--shadow-neon:0 0 60px rgba(0,255,65,0.15);--radius-lg:20px;--radius-pill:999px;--section-padding:100px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{min-height:100vh;font-family:Fira Code,Space Grotesk,monospace,sans-serif;background:var(--bg-hero);color:var(--text-primary);line-height:1.6;overflow-x:hidden;position:relative}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,0) 2px,rgba(0,0,0,.03) 0,rgba(0,0,0,.03) 4px);z-index:9999}#hero{background:var(--bg-hero)}#about{background:var(--bg-about)}#skills{background:var(--bg-skills)}#projects{background:var(--bg-projects)}#contact{background:var(--bg-contact)}section{position:relative;padding:var(--section-padding) 0;border-left:4px solid transparent;transition:border-color .4s}section:before{content:"";position:absolute;left:0;top:10%;height:80%;width:3px;background:var(--neon-cyan);opacity:.3;filter:blur(4px);transition:opacity .4s}section:hover:before{opacity:1}#hero{border-left-color:var(--neon-green)}#about{border-left-color:var(--neon-cyan)}#skills{border-left-color:var(--neon-pink)}#projects{border-left-color:var(--neon-purple)}#contact{border-left-color:var(--neon-yellow)}h1,h2,h3,h4{font-family:Fira Code,Space Grotesk,monospace;font-weight:700;letter-spacing:-.02em}h1{font-size:clamp(2.8rem,6vw,4.5rem)}h2{font-size:clamp(2rem,4vw,3rem)}p{color:var(--text-secondary);font-size:1rem}.cursor-blink{display:inline-block;width:2px;height:1em;background:var(--neon-green);animation:blink 1s step-end infinite;margin-left:4px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.glitch-text{position:relative;display:inline-block}.glitch-text:hover{animation:glitch .3s linear 2}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-3px,2px)}40%{transform:translate(3px,-2px)}60%{transform:translate(-2px,3px)}80%{transform:translate(2px,-3px)}to{transform:translate(0)}}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.btn-primary-custom{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border:2px solid var(--neon-green);border-radius:var(--radius-pill);background:rgba(0,255,65,.05);color:var(--neon-green);font-family:Fira Code,monospace;font-weight:600;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s ease;box-shadow:0 0 15px rgba(0,255,65,.1)}.btn-primary-custom:hover{background:var(--neon-green);color:#0a0b1a;box-shadow:0 0 40px rgba(0,255,65,.5);transform:scale(1.05)}.btn-outline-custom{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border:2px solid var(--neon-cyan);border-radius:var(--radius-pill);background:transparent;color:var(--neon-cyan);font-family:Fira Code,monospace;font-weight:600;transition:all .3s ease}.btn-outline-custom:hover{background:var(--neon-cyan);color:#0a0b1a;box-shadow:0 0 40px rgba(0,255,255,.5)}.card-premium{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:30px;transition:all .3s ease;position:relative;overflow:hidden}.card-premium:hover{border-color:var(--neon-green);box-shadow:var(--glow-neon),var(--shadow-neon);transform:translateY(-8px)}.card-premium:after{content:">";position:absolute;top:10px;right:16px;font-family:Fira Code,monospace;color:var(--neon-green);opacity:.2;font-size:1.8rem}.badge-tech{display:inline-block;padding:6px 14px;border:1px solid var(--border);border-radius:var(--radius-pill);background:rgba(0,255,65,.05);color:var(--text-secondary);font-size:.8rem;font-family:Fira Code,monospace;transition:all .2s}.badge-tech:hover{background:rgba(0,255,65,.15);border-color:var(--neon-green);color:var(--neon-green);box-shadow:0 0 20px rgba(0,255,65,.2)}.grid-background{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(0,255,65,.05) 1px,transparent 0),linear-gradient(90deg,rgba(0,255,65,.05) 1px,transparent 0);background-size:40px 40px;mask-image:radial-gradient(circle at center,black,transparent 70%);-webkit-mask-image:radial-gradient(circle at center,black,transparent 70%)}@keyframes flicker{0%{opacity:1}3%{opacity:.4}6%{opacity:1}7%{opacity:.2}8%{opacity:1}to{opacity:1}}.flicker{animation:flicker 6s infinite}.matrix-char{display:inline-block;color:var(--neon-green);opacity:.2;font-family:Fira Code,monospace;animation:rain 2s linear infinite}@keyframes rain{0%{opacity:0;transform:translateY(-20px)}50%{opacity:1}to{opacity:0;transform:translateY(20px)}}.section-divider{width:80%;margin:0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--neon-cyan),transparent);filter:drop-shadow(0 0 10px var(--neon-cyan))}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (max-width:768px){:root{--section-padding:70px}section{border-left-width:2px}}