.hero-container{height:100vh;width:100%;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(var(--bg-color) 1px,transparent 1px),linear-gradient(90deg,var(--bg-color) 1px,transparent 1px);background-size:40px 40px;opacity:.1;z-index:1}.floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.parallax-layer{position:absolute}.controller-layer{top:15%;right:15%}.computer-layer{bottom:25%;left:15%}.react-layer{top:30%;left:10%}.blackhole-layer{bottom:15%;right:20%}.svg-container{display:flex;justify-content:center;align-items:center}.hero-content{position:relative;z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:800px;padding:0 2rem}.hero-text-container{width:100%;max-width:600px}.retro-terminal{background-color:#1e1e1ee6;border-radius:10px;box-shadow:0 10px 30px #00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow:hidden;width:100%}.terminal-header{background-color:var(--bg-color);padding:.75rem 1rem;display:flex;gap:.5rem;border-bottom:2px solid var(--primary-color)}.terminal-button{width:12px;height:12px;border-radius:50%}.terminal-button:nth-child(1){background-color:var(--warning-color)}.terminal-button:nth-child(2){background-color:var(--accent-color)}.terminal-button:nth-child(3){background-color:var(--success-color)}.terminal-body{padding:1.5rem}.terminal-line{color:var(--accent-color);font-size:.9rem;margin-bottom:.5rem;opacity:.8}.hero-name{font-size:2.5rem;margin-bottom:1.5rem;color:var(--primary-color);text-shadow:3px 3px 0 rgba(255,107,139,.5)}.hero-title{margin-bottom:1.5rem}.pixel-text{font-size:1.5rem;color:var(--secondary-color);animation:textBlink 2s infinite}@keyframes textBlink{0%,to{opacity:1}50%{opacity:.8}}.hero-skills{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem;margin-bottom:1.5rem}.skill-tag{background-color:#54d2d233;border:2px solid var(--accent-color);border-radius:4px;padding:.4rem .8rem;font-size:.8rem;color:var(--text-color);display:inline-block}.scroll-indicator{margin-top:2rem;text-align:center}.scroll-text{font-size:.8rem;color:var(--text-color);opacity:.7;margin-bottom:.5rem}.arrow-down{width:20px;height:20px;border-right:3px solid var(--text-color);border-bottom:3px solid var(--text-color);transform:rotate(45deg);margin:0 auto}@media (max-width: 768px){.hero-name{font-size:2rem}.pixel-text{font-size:1.2rem}.floating-elements{opacity:.5}.svg-container{width:100px!important;height:100px!important}}@media (max-width: 480px){.hero-name{font-size:1.5rem}.pixel-text{font-size:1rem}.terminal-body{padding:1rem}.hero-skills{gap:.5rem}.skill-tag{padding:.3rem .6rem;font-size:.7rem}.svg-container{width:60px!important;height:60px!important}.controller-layer{top:3%;right:10%}.react-layer{top:5%;left:10%}.computer-layer{bottom:5%;left:10%}.blackhole-layer{bottom:3%;right:10%}.hero-text-container{margin-top:70px;margin-bottom:70px}}.projects-section{background-color:var(--bg-color);position:relative}.category-tabs{display:flex;justify-content:center;margin-bottom:2rem;flex-wrap:wrap;gap:.5rem}.category-tab{padding:.75rem 1.5rem;margin:0 .5rem;font-family:"Press Start 2P",monospace;background-color:transparent;border:2px solid var(--primary-color);color:var(--text-color);cursor:pointer;transition:all .3s ease;font-size:.9rem}@media (max-width: 768px){.category-tab{padding:.5rem 1rem;margin:.25rem;font-size:.7rem}}.category-tab:hover{background-color:#8a9cff33}.category-tab.active{background-color:var(--primary-color);color:var(--bg-color)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:0 1rem}.projects-grid.single-project{grid-template-columns:minmax(300px,500px);justify-content:center}.projects-grid.two-projects{grid-template-columns:repeat(2,minmax(300px,400px));justify-content:center}@media (max-width: 768px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.projects-grid.single-project{grid-template-columns:minmax(250px,450px)}.projects-grid.two-projects{grid-template-columns:repeat(2,minmax(250px,350px))}}@media (max-width: 480px){.projects-grid,.projects-grid.single-project,.projects-grid.two-projects{grid-template-columns:1fr;gap:1rem}}.project-card{background-color:#1e1e1ecc;border:2px solid var(--primary-color);border-radius:8px;overflow:hidden;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease;width:100%}@media (max-width: 480px){.project-card{padding:1rem}}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #8a9cff33}.project-logo{height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}@media (max-width: 480px){.project-logo{height:80px}}.pixel-project-logo{width:80px;height:80px;background-image:url(/assets/project-icon.png);background-size:contain;background-repeat:no-repeat;background-position:center}@media (max-width: 480px){.pixel-project-logo{width:60px;height:60px}}.project-title{font-size:1.25rem;margin-bottom:.75rem;color:var(--primary-color)}@media (max-width: 480px){.project-title{font-size:1rem}}.project-description{margin-bottom:1rem;font-size:.9rem;line-height:1.5}@media (max-width: 480px){.project-description{font-size:.8rem}}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tech-chip{display:flex;align-items:center;background-color:#54d2d233;border:1px solid var(--accent-color);border-radius:20px;padding:.25rem .75rem;font-size:.75rem}@media (max-width: 480px){.tech-chip{padding:.2rem .5rem;font-size:.6rem}}.tech-icon{width:16px;height:16px;margin-right:.5rem;background-size:contain;background-repeat:no-repeat;background-position:center}@media (max-width: 480px){.tech-icon{width:14px;height:14px;margin-right:.3rem}}[data-tech="React Native"]{background-image:url(/assets/tech/react.png)}[data-tech=Firebase]{background-image:url(/assets/tech/firebase.png)}[data-tech=Redux]{background-image:url(/assets/tech/redux.png)}[data-tech=GraphQL]{background-image:url(/assets/tech/graphql.png)}[data-tech="Stripe API"]{background-image:url(/assets/tech/stripe.png)}[data-tech="Google Maps API"]{background-image:url(/assets/tech/maps.png)}[data-tech="Google Calendar API"]{background-image:url(/assets/tech/calendar.png)}[data-tech="React Native Paper"]{background-image:url(/assets/tech/paper.png)}[data-tech="D3.js"]{background-image:url(/assets/tech/d3.png)}[data-tech="OpenWeatherMap API"]{background-image:url(/assets/tech/weather.png)}[data-tech="GitHub API"]{background-image:url(/assets/tech/github.png)}.project-links{display:flex;gap:1rem;flex-wrap:wrap}.project-link{padding:.5rem 1rem;border-radius:4px;text-decoration:none;font-size:.8rem;text-align:center;transition:background-color .3s ease;flex:1;min-width:80px}@media (max-width: 480px){.project-link{padding:.4rem .8rem;font-size:.7rem}}.github-link{background-color:#333;color:#fff}.github-link:hover{background-color:#555}.live-link{background-color:var(--success-color);color:#333}.live-link:hover{background-color:#7aeb7acc}.about-section{position:relative;background-color:var(--bg-color);text-align:center}.about-content{display:flex;max-width:1200px;margin:0 auto;padding:2rem;align-items:center;flex-direction:row}.about-content img{width:100%;height:auto;max-width:500px;border-radius:8px}@media (max-width: 992px){.about-content{padding:1.5rem}}@media (max-width: 768px){.about-content{flex-direction:column;padding:1rem;gap:2rem}}.about-text{flex:1;padding-right:2rem}@media (max-width: 768px){.about-text{padding-right:0;order:2}}.about-text p{margin-bottom:1.5rem;font-size:1rem;line-height:1.8}@media (max-width: 992px){.about-text p{font-size:.95rem;line-height:1.7}}@media (max-width: 480px){.about-text p{font-size:.9rem;line-height:1.6;margin-bottom:1rem}}.about-parallax{flex:1;position:relative;height:400px}@media (max-width: 768px){.about-parallax{width:100%;height:300px;order:1}}@media (max-width: 480px){.about-parallax{height:250px}}.about-pixel-art{position:relative;width:100%;height:100%}.pixel-rubiks{position:absolute;width:120px;height:120px;background-size:contain;background-repeat:no-repeat;background-position:center;top:20%;left:20%;animation:float 4s ease-in-out infinite}.pixel-rocket{position:absolute;width:150px;height:150px;background-image:url(/assets/rocket.png);background-size:contain;background-repeat:no-repeat;background-position:center;bottom:10%;right:15%;animation:float 6s ease-in-out infinite alternate}@media (max-width: 768px){.pixel-rubiks{width:100px;height:100px}.pixel-rocket{width:130px;height:130px}}@media (max-width: 480px){.pixel-rubiks{width:80px;height:80px}.pixel-rocket{width:100px;height:100px}}.interests{max-width:800px;margin:3rem auto 0;text-align:center}@media (max-width: 768px){.interests{margin:2rem auto 0}}@media (max-width: 480px){.interests{margin:1.5rem auto 0;max-width:100%;padding:0 1rem}}.interests h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--secondary-color)}@media (max-width: 768px){.interests h3{font-size:1.3rem;margin-bottom:1.2rem}}@media (max-width: 480px){.interests h3{font-size:1.1rem;margin-bottom:1rem}}.interest-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}@media (max-width: 480px){.interest-chips{gap:.75rem}}.interest-chip{background-color:#ff6b8b33;border:2px solid var(--secondary-color);border-radius:20px;padding:.5rem 1rem;font-size:.9rem;cursor:default}@media (max-width: 768px){.interest-chip{padding:.4rem .8rem;font-size:.8rem}}@media (max-width: 480px){.interest-chip{padding:.3rem .7rem;font-size:.7rem;border-width:1px}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@media (max-width: 480px){@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}}.contact-section{background-color:var(--bg-color);position:relative;padding:0 1rem}.contact-card{max-width:600px;margin:0 auto;background-color:#1e1e1ecc;border:2px solid var(--accent-color);border-radius:8px;padding:2rem;text-align:center;box-shadow:0 5px 15px #0000004d}@media (max-width: 768px){.contact-card{padding:1.5rem;max-width:90%}}@media (max-width: 480px){.contact-card{padding:1.25rem;border-width:1px;max-width:100%}}.pixel-mail{width:100px;height:80px;background-image:url(/assets/mail.png);background-size:contain;background-repeat:no-repeat;background-position:center;margin:0 auto 1.5rem;animation:pulse 2s infinite}@media (max-width: 768px){.pixel-mail{width:90px;height:72px;margin-bottom:1.25rem}}@media (max-width: 480px){.pixel-mail{width:80px;height:64px;margin-bottom:1rem}}.contact-card p{margin-bottom:1.5rem;font-size:1rem;line-height:1.6}@media (max-width: 768px){.contact-card p{margin-bottom:1.25rem;font-size:.95rem}}@media (max-width: 480px){.contact-card p{margin-bottom:1rem;font-size:.9rem;line-height:1.5}}.email-link{display:inline-block;padding:.75rem 1.5rem;background-color:var(--accent-color);color:var(--bg-color);text-decoration:none;border-radius:4px;font-size:1rem;transition:transform .3s ease,background-color .3s ease}@media (max-width: 768px){.email-link{padding:.7rem 1.4rem;font-size:.95rem}}@media (max-width: 480px){.email-link{font-size:9px;padding:.6rem 1.3rem;width:90%}}.email-link:hover{transform:scale(1.05);background-color:#54d2d2cc}@media (hover: none){.email-link:hover{transform:scale(1.02)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-width: 480px){@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}}:root{--bg-color: #121212;--text-color: #f0f0f0;--primary-color: #8a9cff;--secondary-color: #ff6b8b;--accent-color: #54d2d2;--success-color: #7aeb7a;--warning-color: #ffcf5c;--pastel-blue: #95b8d1;--pastel-pink: #eea5a6;--pastel-green: #b4e8c2;--pastel-yellow: #f9eaa7;--pastel-purple: #d3b8ff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:"Press Start 2P",Courier New,monospace;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;overflow-x:hidden}@font-face{font-family:"Press Start 2P";src:url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap)}.app{position:relative;overflow-x:hidden;width:100%;max-width:100vw}section{min-height:100vh;padding:4rem 1rem;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.section-content{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;flex-direction:column;align-items:center}.section-title{font-size:2.5rem;margin-bottom:2rem;text-align:center;position:relative;color:var(--primary-color);text-shadow:3px 3px 0 var(--secondary-color)}.section-title:after{content:"";display:block;width:100px;height:5px;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));margin:15px auto;box-shadow:0 2px #0003}@media (max-width: 768px){.section-title{font-size:1.8rem}section{padding:3rem 1rem}}@media (max-width: 480px){.section-title{font-size:1.5rem}section{padding:2rem .5rem}}.navbar{position:fixed;top:0;left:0;width:100%;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;z-index:1000;transition:background-color .3s ease,padding .3s ease}.navbar.scrolled{background-color:#121212e6;box-shadow:0 2px 10px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 2rem}.navbar-logo{cursor:pointer;display:flex;align-items:center}.pixel-logo{width:40px;height:40px;background-image:url(/assets/controller.png);background-size:contain;animation:pulse 2s infinite}.navbar-links{display:flex;list-style:none}.navbar-links li{margin-left:2rem}.navbar-links button{background:none;border:none;color:var(--text-color);font-family:"Press Start 2P",monospace;font-size:.8rem;cursor:pointer;position:relative;padding:.5rem 0}.navbar-links li.active button{color:var(--primary-color)}.navbar-links li.active button:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--primary-color);animation:expandWidth .3s forwards}@keyframes expandWidth{0%{width:0}to{width:100%}}@media (max-width: 768px){.navbar{padding:1rem}.navbar-links{display:none}}.footer{background-color:#121212e6;padding:2rem;border-top:4px solid var(--primary-color);position:relative}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.footer-pixels{display:flex;gap:.5rem;margin-bottom:1rem}.pixel-block{width:24px;height:24px;background-color:var(--pastel-blue);box-shadow:0 0 10px #95b8d180}.pixel-block:nth-child(2){background-color:var(--pastel-pink);box-shadow:0 0 10px #eea5a680}.pixel-block:nth-child(3){background-color:var(--pastel-green);box-shadow:0 0 10px #b4e8c280}.footer p{font-size:.8rem;color:var(--text-color);text-align:center}.social-links{display:flex;gap:1.5rem;margin-top:.5rem}.social-links a{text-decoration:none;transition:transform .3s ease}.social-links a:hover{transform:translateY(-5px)}.pixel-github,.pixel-linkedin,.pixel-twitter{width:32px;height:32px;background-size:contain}.pixel-github{background-image:url(/assets/social/github.png)}.pixel-linkedin{background-image:url(/assets/social/linkedin.png)}.pixel-twitter{background-image:url(/assets/social/twitter.png)}@media (max-width: 768px){.footer{padding:1.5rem 1rem}}