:root{--primary-cyan:#0ff;--primary-green:#39ff14;--primary-pink:#ff006e;--primary-purple:#8338ec;--dark-bg:#0a0a0a;--darker-bg:#000;--card-bg:#1a1a1a;--text-primary:#fff;--text-secondary:#b3b3b3;--text-accent:#0ff;--border-color:#333;--shadow-glow:0 0 20px #00ffff4d;--shadow-glow-pink:0 0 20px #ff006e4d;--shadow-glow-green:0 0 20px #39ff144d}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);color:#fff;color:var(--text-primary);font-family:Rajdhani,sans-serif;line-height:1.6;overflow-x:hidden}body:before{animation:gridMove 20s linear infinite;background-image:linear-gradient(#00ffff1a 1px,#0000 0),linear-gradient(90deg,#00ffff1a 1px,#0000 0);background-size:50px 50px;content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.glitch{animation:glitch 2s linear infinite;font-family:Orbitron,monospace;font-weight:900;letter-spacing:2px;position:relative;text-transform:uppercase}.glitch:after,.glitch:before{content:attr(data-text);height:100%;left:0;position:absolute;top:0;width:100%}.glitch:before{animation:glitch-1 .5s linear infinite;color:#ff006e;color:var(--primary-pink);z-index:-1}.glitch:after{animation:glitch-2 .5s linear infinite;color:#0ff;color:var(--primary-cyan);z-index:-2}@keyframes glitch{0%,74%,76%,to{transform:translate(0)}75%{transform:translate(-2px,2px)}}@keyframes glitch-1{0%,74%,76%,to{transform:translate(0)}75%{transform:translate(2px,-2px)}}@keyframes glitch-2{0%,74%,76%,to{transform:translate(0)}75%{transform:translate(-1px,1px)}}.neon-text{animation:flicker 1.5s infinite alternate;color:#0ff;color:var(--primary-cyan);text-shadow:0 0 5px #0ff,0 0 10px #0ff,0 0 15px #0ff,0 0 20px #0ff;text-shadow:0 0 5px var(--primary-cyan),0 0 10px var(--primary-cyan),0 0 15px var(--primary-cyan),0 0 20px var(--primary-cyan)}@keyframes flicker{0%,18%,22%,25%,53%,57%,to{text-shadow:0 0 5px #0ff,0 0 10px #0ff,0 0 15px #0ff,0 0 20px #0ff;text-shadow:0 0 5px var(--primary-cyan),0 0 10px var(--primary-cyan),0 0 15px var(--primary-cyan),0 0 20px var(--primary-cyan)}20%,24%,55%{text-shadow:none}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0a0a;background:var(--dark-bg)}::-webkit-scrollbar-thumb{background:#0ff;background:var(--primary-cyan);border-radius:4px;box-shadow:0 0 10px #0ff;box-shadow:0 0 10px var(--primary-cyan)}::-webkit-scrollbar-thumb:hover{background:#39ff14;background:var(--primary-green);box-shadow:0 0 15px #39ff14;box-shadow:0 0 15px var(--primary-green)}::selection{background:#0ff;background:var(--primary-cyan);color:#0a0a0a;color:var(--dark-bg)}::-moz-selection{background:#0ff;background:var(--primary-cyan);color:#0a0a0a;color:var(--dark-bg)}@media (max-width:768px){body{font-size:14px}}.loading{animation:spin 1s linear infinite;border:2px solid #0ff;border:2px solid var(--primary-cyan);border-radius:50%;border-top:2px solid #0000;display:inline-block;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0af2;border-bottom:1px solid var(--border-color);height:80px;left:0;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.navbar.scrolled{background:#0a0a0afa;box-shadow:0 2px 20px #00ffff1a}.nav-container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.nav-logo{color:var(--text-primary);font-family:Orbitron,monospace;font-size:1.8rem;font-weight:900;letter-spacing:2px;position:relative;text-decoration:none}.logo-text{color:var(--primary-cyan);text-shadow:0 0 10px var(--primary-cyan);transition:all .3s ease}.nav-logo:hover .logo-text{text-shadow:0 0 20px var(--primary-cyan);transform:scale(1.05)}.nav-menu{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-link{color:var(--text-secondary);font-family:Rajdhani,sans-serif;font-size:1.1rem;font-weight:500;letter-spacing:1px;overflow:hidden;padding:.5rem 1rem;text-decoration:none;text-transform:uppercase}.nav-link,.nav-text{position:relative;transition:all .3s ease}.nav-text{z-index:2}.nav-hover-effect{background:linear-gradient(45deg,var(--primary-cyan),var(--primary-pink));height:100%;left:0;opacity:0;position:absolute;top:0;transform:translateX(-100%);transition:all .3s ease;width:100%;z-index:1}.nav-link:hover .nav-hover-effect{opacity:.1;transform:translateX(0)}.nav-link:hover .nav-text{color:var(--primary-cyan);text-shadow:0 0 10px var(--primary-cyan)}.nav-link.active .nav-text{color:var(--primary-cyan);text-shadow:0 0 5px var(--primary-cyan)}.nav-link.active:after{background:var(--primary-cyan);bottom:0;box-shadow:0 0 10px var(--primary-cyan);content:"";height:2px;left:0;position:absolute;width:100%}.nav-toggle{cursor:pointer;display:none;flex-direction:column;padding:.5rem}.bar{background:var(--primary-cyan);border-radius:2px;box-shadow:0 0 5px var(--primary-cyan);height:3px;margin:3px 0;transition:all .3s ease;width:25px}.nav-toggle.active .bar:first-child{transform:rotate(-45deg) translate(-5px,6px)}.nav-toggle.active .bar:nth-child(2){opacity:0}.nav-toggle.active .bar:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}@media screen and (max-width:768px){.nav-menu{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0afa;border-top:1px solid var(--border-color);flex-direction:column;height:calc(100vh - 80px);justify-content:flex-start;left:-100%;padding-top:2rem;position:fixed;top:80px;transition:left .3s ease;width:100%}.nav-menu.active{left:0}.nav-link{border:1px solid #0000;border-radius:5px;font-size:1.2rem;margin:1rem 0;padding:1rem 2rem;text-align:center;width:80%}.nav-link:hover{background:#00ffff1a;border-color:var(--primary-cyan)}.nav-toggle{display:flex}.nav-container{padding:0 1rem}.nav-logo{font-size:1.5rem}}@media screen and (max-width:480px){.navbar{height:70px}.nav-menu{height:calc(100vh - 70px);top:70px}.nav-logo{font-size:1.3rem}.nav-link{font-size:1.1rem}}.footer{background:linear-gradient(135deg,var(--darker-bg) 0,var(--dark-bg) 100%);border-top:2px solid var(--border-color);color:var(--text-primary);overflow:hidden;position:relative}.footer:before{animation:footerGlow 3s linear infinite;background:linear-gradient(90deg,var(--primary-cyan),var(--primary-pink),var(--primary-green),var(--primary-purple));content:"";height:2px;left:0;position:absolute;right:0;top:0}@keyframes footerGlow{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.footer-container{margin:0 auto;max-width:1200px;padding:3rem 2rem 1rem}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:2fr 1fr 1fr;margin-bottom:2rem}.footer-section{display:flex;flex-direction:column}.footer-title{color:var(--primary-cyan);font-family:Orbitron,monospace;font-size:2rem;font-weight:900;letter-spacing:2px;margin-bottom:1rem;text-shadow:0 0 10px var(--primary-cyan)}.footer-description{color:var(--text-secondary);font-family:Rajdhani,sans-serif;font-size:1.1rem;line-height:1.6}.footer-subtitle{color:var(--text-primary);font-family:Orbitron,monospace;font-size:1.2rem;font-weight:700;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}.footer-links{display:flex;flex-direction:column;gap:.5rem}.footer-link{color:var(--text-secondary);font-family:Rajdhani,sans-serif;font-size:1rem;padding:.5rem 0;position:relative;text-decoration:none;transition:all .3s ease}.footer-link:before{color:var(--primary-cyan);content:">";margin-right:.5rem;opacity:0;transform:translateX(-10px);transition:all .3s ease}.footer-link:hover:before{opacity:1;transform:translateX(0)}.footer-link:hover{color:var(--primary-cyan);text-shadow:0 0 5px var(--primary-cyan);transform:translateX(10px)}.social-links{display:flex;flex-direction:column;gap:.75rem}.social-link{align-items:center;border:1px solid #0000;border-radius:5px;color:var(--text-secondary);display:flex;font-family:Rajdhani,sans-serif;font-size:1rem;padding:.5rem;text-decoration:none;transition:all .3s ease}.social-icon{color:var(--primary-cyan);font-size:1.2rem;margin-right:.75rem}.social-icon,.social-text{transition:all .3s ease}.social-link:hover{background:#00ffff1a;border-color:var(--primary-cyan);color:var(--text-primary);transform:translateX(5px)}.social-link:hover .social-icon{text-shadow:0 0 10px var(--primary-cyan);transform:scale(1.2)}.social-link:hover .social-text{color:var(--primary-cyan)}.footer-divider{background:linear-gradient(90deg,#0000,var(--border-color),#0000);height:1px;margin:2rem 0 1rem;width:100%}.footer-bottom{text-align:center}.footer-bottom-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.copyright{color:var(--text-secondary);font-family:Rajdhani,sans-serif;font-size:.9rem}.footer-tagline{font-family:Orbitron,monospace;font-size:.9rem;font-weight:700;letter-spacing:2px}@media screen and (max-width:768px){.footer-container{padding:2rem 1rem 1rem}.footer-content{gap:2rem;grid-template-columns:1fr;text-align:center}.footer-links,.social-links{align-items:center}.footer-bottom-content{flex-direction:column;text-align:center}.footer-title{font-size:1.8rem}.footer-subtitle{font-size:1.1rem}}@media screen and (max-width:480px){.footer-container{padding:1.5rem 1rem 1rem}.footer-content{gap:1.5rem}.footer-title{font-size:1.5rem}.social-links{gap:.5rem}}.home{min-height:100vh}.hero{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative}.hero-background{z-index:-1}.cyber-grid,.hero-background{height:100%;left:0;position:absolute;top:0;width:100%}.cyber-grid{animation:gridFloat 15s linear infinite;background-image:linear-gradient(#00ffff1a 1px,#0000 0),linear-gradient(90deg,#00ffff1a 1px,#0000 0);background-size:100px 100px}@keyframes gridFloat{0%{transform:translate(0)}to{transform:translate(100px,100px)}}.floating-particles{height:100%;left:0;position:absolute;top:0;width:100%}.particle{animation:float linear infinite;background:var(--primary-cyan);border-radius:50%;box-shadow:0 0 6px var(--primary-cyan);height:2px;position:absolute;width:2px}@keyframes float{0%{opacity:0;transform:translateY(100vh) translateX(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-10px) translateX(50px)}}.hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 2rem}.hero-text{z-index:2}.hero-title{color:var(--primary-cyan);font-family:Orbitron,monospace;font-size:4rem;font-weight:900;margin-bottom:1rem;text-shadow:0 0 20px var(--primary-cyan)}.hero-subtitle{color:var(--text-primary);font-family:Rajdhani,sans-serif;font-size:2rem;font-weight:600;margin-bottom:2rem;min-height:2.5rem}.typing-text{color:var(--primary-green);text-shadow:0 0 10px var(--primary-green)}.cursor{animation:blink 1s infinite;color:var(--primary-cyan)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-description{color:var(--text-secondary);font-size:1.2rem;line-height:1.8;margin-bottom:3rem;max-width:500px}.hero-actions{display:flex;flex-wrap:wrap;gap:2rem}.hero-visual{align-items:center;display:flex;justify-content:center}.terminal-window{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;box-shadow:var(--shadow-glow);max-width:500px;overflow:hidden;width:100%}.terminal-header{align-items:center;background:var(--darker-bg);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem}.terminal-buttons{display:flex;gap:.5rem}.btn{border-radius:50%;display:block;height:12px;width:12px}.btn.red{background:#ff5f56;box-shadow:0 0 5px #ff5f56}.btn.yellow{background:#ffbd2e;box-shadow:0 0 5px #ffbd2e}.btn.green{background:#27ca3f;box-shadow:0 0 5px #27ca3f}.terminal-title{color:var(--primary-cyan);font-family:Orbitron,monospace;font-size:.9rem}.terminal-body{font-family:Courier New,monospace;font-size:1rem;line-height:1.6;padding:2rem}.terminal-line{margin-bottom:.5rem}.prompt{color:var(--primary-green);margin-right:.5rem}.command{color:var(--primary-cyan)}.command.blink{animation:blink 1s infinite}.output{color:var(--text-secondary)}.skills-preview{background:var(--darker-bg)}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.skill-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.skill-card:before{background:linear-gradient(90deg,#0000,#00ffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.skill-card:hover:before{left:100%}.skill-card:hover{border-color:var(--primary-cyan);box-shadow:var(--shadow-glow);transform:translateY(-10px)}.skill-icon{filter:grayscale(100%);font-size:3rem;margin-bottom:1rem;transition:all .3s ease}.skill-card:hover .skill-icon{filter:grayscale(0);transform:scale(1.1)}.skill-card h3{color:var(--text-primary);font-family:Orbitron,monospace;font-size:1.3rem;font-weight:700;margin-bottom:1rem}.skill-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.skill-bar{border-radius:2px;height:4px}.skill-progress{animation:skillLoad 2s ease-in-out;background:linear-gradient(90deg,var(--primary-cyan),var(--primary-green));border-radius:2px;box-shadow:0 0 10px var(--primary-cyan);height:100%}@keyframes skillLoad{0%{width:0}}.cta-section{background:linear-gradient(135deg,var(--dark-bg),var(--darker-bg));position:relative;text-align:center}.cta-section:before{background:radial-gradient(ellipse at center,#00ffff1a 0,#0000 70%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}@media screen and (max-width:768px){.hero-content{gap:3rem;grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.5rem}.hero-description{margin-left:auto;margin-right:auto}.skills-grid{gap:1.5rem;grid-template-columns:1fr}.cta-title{font-size:2rem}.cta-description{font-size:1.1rem}}@media screen and (max-width:480px){.hero{height:auto;min-height:100vh;padding:2rem 0}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.2rem}.cta-actions,.hero-actions{align-items:center;flex-direction:column}.terminal-window{max-width:100%}.terminal-body{font-size:.9rem;padding:1.5rem}}.about{min-height:100vh}.about-hero{align-items:center;background:linear-gradient(135deg,var(--dark-bg) 0,var(--darker-bg) 100%);display:flex;height:60vh;justify-content:center;overflow:hidden;position:relative}.about-hero:before{background:radial-gradient(ellipse at center,#00ffff1a 0,#0000 70%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.about-hero-content{position:relative;text-align:center;z-index:2}.about-title{color:var(--primary-cyan);font-family:Orbitron,monospace;font-size:4rem;font-weight:900;margin-bottom:2rem;text-shadow:0 0 20px var(--primary-cyan)}.about-subtitle{color:var(--text-secondary);font-family:Rajdhani,sans-serif;font-size:1.5rem;font-weight:600;letter-spacing:2px}.story-section{background:var(--darker-bg)}.story-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:2fr 1fr}.story-paragraphs p{color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.story-paragraphs .highlight{color:var(--primary-cyan);font-weight:600;text-shadow:0 0 5px var(--primary-cyan)}.story-visual{align-items:center;display:flex;justify-content:center}.cyber-avatar{position:relative}.avatar-container{height:250px;position:relative;width:250px}.avatar-image{align-items:center;background:linear-gradient(135deg,var(--card-bg),var(--dark-bg));border:3px solid var(--primary-cyan);border-radius:50%;box-shadow:var(--shadow-glow);display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.avatar-placeholder{color:var(--primary-cyan);font-family:Orbitron,monospace;font-size:3rem;font-weight:900;text-shadow:0 0 20px var(--primary-cyan)}.avatar-glow{animation:avatarRotate 4s linear infinite;background:conic-gradient(var(--primary-cyan),var(--primary-pink),var(--primary-green),var(--primary-cyan));border-radius:50%;bottom:-10px;left:-10px;position:absolute;right:-10px;top:-10px;z-index:-1}@keyframes avatarRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.scanning-line{animation:scan 2s ease-in-out infinite;background:var(--primary-green);box-shadow:0 0 10px var(--primary-green);height:2px;left:0;position:absolute;top:0;width:100%}@keyframes scan{0%,to{opacity:1;top:0}50%{opacity:.5;top:100%}}.skills-section{background:var(--dark-bg)}.skills-container{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.skill-category{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;padding:2rem;transition:all .3s ease}.skill-category:hover{border-color:var(--primary-cyan);box-shadow:var(--shadow-glow);transform:translateY(-5px)}.category-title{color:var(--primary-cyan);font-family:Orbitron,monospace;font-size:1.5rem;font-weight:700;letter-spacing:1px;margin-bottom:2rem;text-align:center;text-transform:uppercase}.skills-list{display:flex;flex-direction:column;gap:1.5rem}.skill-item{position:relative}.skill-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.skill-name{color:var(--text-primary);font-family:Rajdhani,sans-serif;font-size:1.1rem;font-weight:600}.skill-percentage{color:var(--primary-green);font-family:Orbitron,monospace;font-size:.9rem;text-shadow:0 0 5px var(--primary-green)}.skill-bar{background:var(--border-color);height:6px;overflow:hidden;width:100%}.skill-bar,.skill-fill{border-radius:3px;position:relative}.skill-fill{animation:skillFill 2s ease-in-out;background:linear-gradient(90deg,var(--primary-cyan),var(--primary-green));box-shadow:0 0 10px #00ffff80;height:100%}.skill-fill:after{animation:skillShine 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}@keyframes skillFill{0%{width:0}}@keyframes skillShine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.values-section{background:var(--darker-bg)}.values-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.value-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.value-card:before{background:linear-gradient(90deg,#0000,#00ffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.value-card:hover:before{left:100%}.value-card:hover{border-color:var(--primary-cyan);box-shadow:var(--shadow-glow);transform:translateY(-10px)}.value-icon{filter:grayscale(100%);font-size:3rem;margin-bottom:1rem;transition:all .3s ease}.value-card:hover .value-icon{filter:grayscale(0);transform:scale(1.1)}.value-card h3{color:var(--text-primary);font-family:Orbitron,monospace;font-size:1.3rem;font-weight:700;margin-bottom:1rem}.value-card p{color:var(--text-secondary);line-height:1.6}.about-cta{background:linear-gradient(135deg,var(--dark-bg),var(--darker-bg));position:relative;text-align:center}.about-cta:before{background:radial-gradient(ellipse at center,#39ff141a 0,#0000 70%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.cta-content{position:relative;z-index:2}.cta-title{color:var(--text-primary);font-family:Orbitron,monospace;font-size:3rem;font-weight:900;margin-bottom:2rem}.cta-description{color:var(--text-secondary);font-size:1.3rem;line-height:1.8;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px}.cta-actions{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}@media screen and (max-width:768px){.about-title{font-size:2.5rem}.about-subtitle{font-size:1.2rem}.story-content{gap:3rem;grid-template-columns:1fr;text-align:center}.avatar-container{height:200px;width:200px}.avatar-placeholder{font-size:2.5rem}.skills-container{gap:2rem;grid-template-columns:1fr}.values-grid{gap:1.5rem;grid-template-columns:1fr}.cta-title{font-size:2rem}.cta-description{font-size:1.1rem}}@media screen and (max-width:480px){.about-hero{height:auto;padding:4rem 0}.about-title{font-size:2rem}.skill-category,.value-card{padding:1.5rem}.cta-actions{align-items:center;flex-direction:column}}.projects{min-height:100vh}.projects-hero{align-items:center;background:linear-gradient(135deg,var(--dark-bg) 0,var(--darker-bg) 100%);display:flex;height:50vh;justify-content:center;text-align:center}.projects-title{color:var(--primary-cyan);font-family:Orbitron,monospace;font-size:4rem;font-weight:900;margin-bottom:1rem}.projects-subtitle{color:var(--text-secondary);font-size:1.3rem;margin:0 auto;max-width:600px}.filter-section{background:var(--darker-bg);padding:2rem 0}.filter-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.filter-btn{background:#0000;border:2px solid var(--border-color);border-radius:5px;color:var(--text-secondary);cursor:pointer;font-family:Rajdhani,sans-serif;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.filter-btn.active,.filter-btn:hover{border-color:var(--primary-cyan);box-shadow:0 0 10px #00ffff4d;color:var(--primary-cyan)}.projects-section{background:var(--dark-bg)}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.project-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:15px;overflow:hidden;position:relative;transition:all .3s ease}.project-card.featured{border-color:var(--primary-green);box-shadow:0 0 20px #39ff1433}.project-card:hover{box-shadow:var(--shadow-glow);transform:translateY(-10px)}.project-image{align-items:center;background:linear-gradient(135deg,var(--darker-bg),var(--dark-bg));display:flex;height:200px;justify-content:center;overflow:hidden;position:relative}.project-placeholder{color:var(--primary-cyan);font-size:4rem;opacity:.3}.project-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s ease}.project-card:hover .project-overlay{opacity:1}.project-links{display:flex;gap:1rem}.project-link{background:var(--primary-cyan);border-radius:5px;color:var(--dark-bg);font-weight:600;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.project-link:hover{background:var(--primary-green);transform:scale(1.05)}.project-content{padding:1.5rem}.project-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.project-name{color:var(--text-primary);font-family:Orbitron,monospace;font-size:1.3rem;font-weight:700}.featured-badge{background:var(--primary-green);border-radius:15px;color:var(--dark-bg);font-size:.8rem;font-weight:600;padding:.25rem .75rem}.project-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background:#00ffff1a;border:1px solid #00ffff4d;border-radius:15px;color:var(--primary-cyan);font-size:.8rem;padding:.25rem .75rem}.projects-cta{background:var(--darker-bg);text-align:center}@media (max-width:768px){.projects-title{font-size:2.5rem}.projects-grid{gap:1.5rem;grid-template-columns:1fr}}.contact{min-height:100vh}.contact-hero{align-items:center;background:linear-gradient(135deg,var(--dark-bg) 0,var(--darker-bg) 100%);display:flex;height:40vh;justify-content:center;text-align:center}.contact-title{color:var(--primary-cyan);font-family:Orbitron,monospace;font-size:4rem;font-weight:900;margin-bottom:1rem}.contact-subtitle{color:var(--text-secondary);font-size:1.3rem;margin:0 auto;max-width:600px}.contact-content{background:var(--darker-bg)}.contact-container{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.form-title,.info-title{font-family:Orbitron,monospace;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.contact-form{background:var(--card-bg);border:1px solid var(--border-color);border-radius:15px;padding:2rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.form-input,.form-label,.form-textarea{color:var(--text-primary);font-family:Rajdhani,sans-serif}.form-input,.form-textarea{background:var(--darker-bg);border:2px solid var(--border-color);border-radius:5px;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.form-input:focus,.form-textarea:focus{border-color:var(--primary-cyan);box-shadow:0 0 10px #00ffff4d;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-secondary);opacity:.7}.form-submit{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-top:1rem;width:100%}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}.form-status{align-items:center;border-radius:5px;display:flex;font-family:Rajdhani,sans-serif;font-weight:600;gap:.5rem;margin-top:1rem;padding:1rem}.form-status.success{background:#39ff141a;border:1px solid var(--primary-green);color:var(--primary-green)}.form-status.error{background:#ff006e1a;border:1px solid var(--primary-pink);color:var(--primary-pink)}.status-icon{font-size:1.2rem}.contact-info{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.info-item{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.info-item:hover{border-color:var(--primary-cyan);box-shadow:0 0 10px #0ff3}.info-icon{font-size:1.5rem;text-align:center;width:40px}.info-content{flex:1 1}.info-label{color:var(--text-secondary);font-size:.9rem;font-weight:600}.info-value{color:var(--primary-cyan);font-family:Rajdhani,sans-serif;font-weight:600;text-decoration:none;transition:all .3s ease}.info-value:hover{color:var(--primary-green);text-shadow:0 0 5px var(--primary-green)}.availability-status{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem}.status-indicator{border-radius:50%;height:12px;position:relative;width:12px}.status-indicator.online{background:var(--primary-green);box-shadow:0 0 10px var(--primary-green)}.status-indicator.online:after{animation:pulse 2s infinite;border:2px solid var(--primary-green);border-radius:50%;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px}.status-title{color:var(--text-primary);font-size:1.1rem;font-weight:600}.status-subtitle{color:var(--text-secondary);font-size:.9rem}.response-time{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;padding:1.5rem}.response-time h3{color:var(--text-primary);font-family:Orbitron,monospace;font-size:1.2rem;margin-bottom:1rem}.response-info{display:flex;flex-direction:column;gap:.75rem}.response-item{align-items:center;display:flex;justify-content:space-between}.response-type{color:var(--text-secondary);font-size:.9rem}.response-duration{color:var(--primary-cyan);font-size:.9rem;font-weight:600}.additional-info{background:var(--dark-bg)}.info-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.info-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:15px;padding:2rem;text-align:center}.info-card h3{color:var(--text-primary);font-family:Orbitron,monospace;font-size:1.3rem;margin-bottom:1.5rem}.info-card ul{list-style:none;margin:0;padding:0}.info-card li{border-bottom:1px solid #3333334d;color:var(--text-secondary);padding:.5rem 0;transition:all .3s ease}.info-card li:hover{color:var(--primary-cyan);transform:translateX(5px)}.info-card li:last-child{border-bottom:none}@media (max-width:768px){.contact-title{font-size:2.5rem}.contact-container{gap:3rem;grid-template-columns:1fr}.contact-form{padding:1.5rem}.info-grid{gap:1.5rem;grid-template-columns:1fr}}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;padding-top:80px}.cyber-btn{background:#0000;border:2px solid var(--primary-cyan);color:var(--primary-cyan);cursor:pointer;display:inline-block;font-family:Orbitron,monospace;font-weight:700;letter-spacing:1px;overflow:hidden;padding:12px 24px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.cyber-btn:before{background:linear-gradient(90deg,#0000,var(--primary-cyan),#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.cyber-btn:hover:before{left:100%}.cyber-btn:hover{background:var(--primary-cyan);box-shadow:var(--shadow-glow);color:var(--dark-bg);transform:translateY(-2px)}.cyber-btn.secondary{border-color:var(--primary-pink);color:var(--primary-pink)}.cyber-btn.secondary:hover{background:var(--primary-pink);box-shadow:var(--shadow-glow-pink)}.cyber-btn.success{border-color:var(--primary-green);color:var(--primary-green)}.cyber-btn.success:hover{background:var(--primary-green);box-shadow:var(--shadow-glow-green)}.cyber-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;margin:1rem 0;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.cyber-card:before{background:linear-gradient(90deg,var(--primary-cyan),var(--primary-pink),var(--primary-green));content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease}.cyber-card:hover:before{transform:translateX(0)}.cyber-card:hover{border-color:var(--primary-cyan);box-shadow:var(--shadow-glow);transform:translateY(-5px)}.section{margin:0 auto;max-width:1200px;padding:4rem 2rem}.section-title{font-family:Orbitron,monospace;font-size:3rem;font-weight:900;margin-bottom:3rem;position:relative;text-align:center}.section-title:after{animation:pulse 2s infinite;background:linear-gradient(90deg,var(--primary-cyan),var(--primary-pink));bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:100px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.section{padding-left:1rem;padding-right:1rem}.section-title{font-size:2rem}.cyber-card{padding:1.5rem}}
/*# sourceMappingURL=main.e67920af.css.map*/