@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";:root{--neon-green:#a8ff00;--bg-color:#050505;--text-gray:#a0a0a0;--grid-color:#a8ff000d}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-gray);font-family:Inter,sans-serif;position:relative;overflow-x:hidden}body:before{content:"";background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);z-index:-2;pointer-events:none;background-size:30px 30px;width:100vw;height:100vh;position:fixed;top:0;left:0}body:after{content:"";z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,#00000026,#00000026 1px,#0000 1px 2px);width:100vw;height:100vh;position:fixed;top:0;left:0}h1,h2,h3,h4,h5,h6,.fira-code{font-family:Fira Code,monospace}.text-neon{color:var(--neon-green)}.neon-glow{text-shadow:0 0 5px var(--neon-green), 0 0 10px var(--neon-green)}.neon-box{border:1px solid var(--neon-green);transition:all .3s;box-shadow:inset 0 0 10px #a8ff001a,0 0 10px #a8ff001a}.neon-box:hover{background:#a8ff000d;box-shadow:inset 0 0 15px #a8ff0033,0 0 15px #a8ff0033}.typing-cursor{background-color:var(--neon-green);vertical-align:middle;width:10px;height:1.2em;margin-left:5px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}::selection{background:var(--neon-green);color:var(--bg-color)}.section-container{padding:5rem 10%}.hero-section{flex-direction:column;justify-content:center;min-height:100vh;padding-top:6rem;padding-bottom:2rem;padding-left:10%;display:flex;position:relative}.nav-container{z-index:100;background:linear-gradient(#050505f2 50%,#0000);justify-content:space-between;align-items:center;width:100%;padding:2rem 5%;display:flex;position:fixed;top:0}.nav-links{gap:2rem;font-size:.9rem;display:flex}.hero-buttons{gap:2rem;display:flex}.hero-btn{text-align:center;padding:1rem 2rem;font-size:1rem;text-decoration:none;display:inline-block}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem;display:grid}.footer-container{background-color:#050505e6;border-top:1px solid #a8ff0033;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:2rem 10%;display:flex}@media (width<=768px){.section-container{padding:4rem 5%}.hero-section{padding-top:8rem;padding-left:5%;padding-right:5%}.nav-container{background:#050505f2;flex-direction:column;gap:1rem;padding:1rem 5%}.nav-links{flex-wrap:wrap;justify-content:center;gap:1rem}.hero-buttons{flex-direction:column;gap:1rem}.skills-grid,.projects-grid{grid-template-columns:1fr}.footer-container{text-align:center;flex-direction:column;justify-content:center}}