:root{--primary-neon: #00ffff;--secondary-neon: #ff00ff;--accent-neon: #00ff41;--warning-neon: #ffff00;--danger-neon: #ff073a;--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--bg-tertiary: #2a2a2a;--text-primary: #ffffff;--text-secondary: #cccccc;--text-muted: #888888;--gradient-primary: linear-gradient(135deg, var(--primary-neon), var(--secondary-neon));--gradient-secondary: linear-gradient(135deg, var(--accent-neon), var(--primary-neon));--glow-primary: 0 0 20px var(--primary-neon);--glow-secondary: 0 0 20px var(--secondary-neon);--glow-accent: 0 0 20px var(--accent-neon);--font-primary: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-mono: "Courier New", Courier, monospace;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 3rem;--spacing-xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--primary-neon);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--secondary-neon)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.section-title{font-size:3rem;text-align:center;margin-bottom:var(--spacing-xl);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:2px;background:var(--gradient-primary);box-shadow:var(--glow-primary)}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;border-radius:var(--radius-md);font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all var(--transition-normal);position:relative;overflow:hidden;border:2px solid transparent}.btn-primary{background:var(--gradient-primary);color:var(--bg-primary);box-shadow:var(--glow-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px var(--primary-neon)}.btn-secondary{background:transparent;color:var(--primary-neon);border-color:var(--primary-neon)}.btn-secondary:hover{background:var(--primary-neon);color:var(--bg-primary);box-shadow:var(--glow-primary)}.navbar{position:fixed;top:0;width:100%;background:#0a0a0af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--primary-neon)}.nav-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);display:flex;justify-content:space-between;align-items:center}.nav-logo .logo-text{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.nav-logo .accent{color:var(--primary-neon);text-shadow:var(--glow-primary)}.nav-menu{display:flex;list-style:none;gap:var(--spacing-md)}.nav-link{color:var(--text-secondary);text-decoration:none;transition:all var(--transition-fast);position:relative}.nav-link:hover{color:var(--primary-neon);text-shadow:var(--glow-primary)}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--primary-neon);transition:width var(--transition-normal)}.nav-link:hover:after{width:100%}.hamburger{display:none;flex-direction:column;cursor:pointer}.hamburger span{width:25px;height:3px;background:var(--primary-neon);margin:3px 0;transition:var(--transition-normal)}.hero{min-height:100vh;display:flex;align-items:center;position:relative;background:radial-gradient(ellipse at center,rgba(0,255,255,.1) 0%,transparent 50%)}.hero-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center}.hero-title{font-size:4rem;font-weight:700;margin-bottom:var(--spacing-sm)}.glitch{position:relative;color:var(--text-primary);animation:glitch 2s infinite}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{animation:glitch-1 .5s infinite;color:var(--primary-neon);z-index:-1}.glitch:after{animation:glitch-2 .5s infinite;color:var(--secondary-neon);z-index:-2}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}@keyframes glitch-1{0%,to{transform:translate(0)}20%{transform:translate(2px,-2px)}40%{transform:translate(-2px,2px)}60%{transform:translate(-2px,-2px)}80%{transform:translate(2px,2px)}}@keyframes glitch-2{0%,to{transform:translate(0)}20%{transform:translate(-2px,-2px)}40%{transform:translate(2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(-2px,2px)}}.hero-subtitle{font-size:1.5rem;color:var(--primary-neon);margin-bottom:var(--spacing-md);text-shadow:var(--glow-primary)}.hero-description{font-size:1.1rem;color:var(--text-secondary);margin-bottom:var(--spacing-lg);line-height:1.8}.hero-buttons{display:flex;gap:var(--spacing-md)}.hero-visual{display:flex;justify-content:center;align-items:center}.neural-network{width:400px;height:400px;background:radial-gradient(circle,var(--primary-neon) 1px,transparent 1px);background-size:20px 20px;border-radius:50%;animation:pulse 2s infinite;position:relative}.neural-network:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;border:2px solid var(--secondary-neon);border-radius:50%;animation:rotate 10s linear infinite}.neural-network:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;background:var(--gradient-primary);border-radius:50%;animation:pulse 1.5s infinite alternate}@keyframes pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.scroll-indicator{position:absolute;bottom:var(--spacing-md);left:50%;transform:translate(-50%)}.scroll-arrow{width:30px;height:30px;border-right:2px solid var(--primary-neon);border-bottom:2px solid var(--primary-neon);transform:rotate(45deg);animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:rotate(45deg) translateY(0)}40%{transform:rotate(45deg) translateY(-10px)}60%{transform:rotate(45deg) translateY(-5px)}}.about{padding:var(--spacing-xl) 0;background:var(--bg-secondary)}.about-content{max-width:800px;margin:0 auto;text-align:center}.about-intro{font-size:1.2rem;color:var(--primary-neon);margin-bottom:var(--spacing-md)}.about-content p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:1.8}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg)}.stat-item{text-align:center;padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--primary-neon);transition:all var(--transition-normal)}.stat-item:hover{transform:translateY(-5px);box-shadow:var(--glow-primary)}.stat-number{display:block;font-size:2.5rem;font-weight:700;color:var(--primary-neon);text-shadow:var(--glow-primary)}.stat-label{color:var(--text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.skills{padding:var(--spacing-xl) 0;background:var(--bg-primary)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-lg)}.skill-category{background:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--primary-neon);transition:all var(--transition-normal)}.skill-category:hover{transform:translateY(-5px);box-shadow:var(--glow-primary)}.category-title{font-size:1.5rem;color:var(--primary-neon);margin-bottom:var(--spacing-md);text-align:center;text-shadow:var(--glow-primary)}.skill-items{display:flex;flex-direction:column;gap:var(--spacing-sm)}.skill-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.skill-name{color:var(--text-primary);font-weight:500}.skill-bar{height:8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);overflow:hidden;position:relative}.skill-progress{height:100%;background:var(--gradient-primary);border-radius:var(--radius-sm);width:0;transition:width 2s ease;box-shadow:var(--glow-primary)}.experience{padding:var(--spacing-xl) 0;background:var(--bg-secondary)}.timeline{max-width:800px;margin:0 auto;position:relative}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--primary-neon);transform:translate(-50%);box-shadow:var(--glow-primary)}.timeline-item{position:relative;margin-bottom:var(--spacing-lg)}.timeline-marker{position:absolute;left:50%;top:0;width:20px;height:20px;background:var(--primary-neon);border-radius:50%;transform:translate(-50%);box-shadow:var(--glow-primary);z-index:1}.timeline-content{background:var(--bg-tertiary);padding:var(--spacing-lg);border-radius:var(--radius-lg);margin-left:60%;border:1px solid var(--primary-neon);position:relative}.timeline-content:before{content:"";position:absolute;left:-10px;top:20px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid var(--primary-neon)}.timeline-title{font-size:1.3rem;color:var(--primary-neon);margin-bottom:var(--spacing-xs)}.timeline-period{color:var(--accent-neon);font-size:.9rem;font-weight:500;margin-bottom:var(--spacing-sm)}.timeline-description{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-sm)}.timeline-skills{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.timeline-skill{background:var(--bg-primary);color:var(--primary-neon);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.8rem;border:1px solid var(--primary-neon)}.projects{padding:var(--spacing-xl) 0;background:var(--bg-primary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-lg)}.project-card{background:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--primary-neon);transition:all var(--transition-normal);position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.1),transparent);transition:left .5s ease}.project-card:hover:before{left:100%}.project-card:hover{transform:translateY(-10px);box-shadow:var(--glow-primary)}.project-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.project-icon{font-size:2rem;color:var(--primary-neon);text-shadow:var(--glow-primary)}.project-title{font-size:1.3rem;color:var(--text-primary)}.project-description{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-md)}.project-tech{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tech-tag{background:var(--bg-tertiary);color:var(--accent-neon);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.8rem;border:1px solid var(--accent-neon)}.contact{padding:var(--spacing-xl) 0;background:var(--bg-secondary)}.contact-content{max-width:600px;margin:0 auto;text-align:center}.contact-description{font-size:1.1rem;color:var(--text-secondary);margin-bottom:var(--spacing-lg);line-height:1.8}.contact-methods{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center}.contact-method{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-primary);text-decoration:none;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--primary-neon);border-radius:var(--radius-md);transition:all var(--transition-normal);min-width:250px;justify-content:center}.contact-method:hover{background:var(--primary-neon);color:var(--bg-primary);box-shadow:var(--glow-primary);transform:translateY(-2px)}.contact-method i{font-size:1.2rem}.footer{padding:var(--spacing-md) 0;background:var(--bg-primary);border-top:1px solid var(--primary-neon)}.footer-content{display:flex;justify-content:space-between;align-items:center}.footer-content p{color:var(--text-secondary)}.footer-links{display:flex;gap:var(--spacing-sm)}.footer-links a{color:var(--primary-neon);font-size:1.2rem;transition:all var(--transition-fast)}.footer-links a:hover{color:var(--secondary-neon);text-shadow:var(--glow-secondary)}@media (max-width: 768px){.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background-color:var(--bg-secondary);width:100%;text-align:center;transition:.3s;box-shadow:0 10px 27px #0000000d;padding:var(--spacing-md) 0}.nav-menu.active{left:0}.hamburger{display:flex}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.hero-container{grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.neural-network{width:300px;height:300px}.section-title{font-size:2rem}.skills-grid,.projects-grid{grid-template-columns:1fr}.timeline:before{left:30px}.timeline-marker{left:30px}.timeline-content{margin-left:60px}.timeline-content:before{left:-10px}.hero-buttons{flex-direction:column;align-items:center}.footer-content{flex-direction:column;gap:var(--spacing-sm);text-align:center}}@media (max-width: 480px){.container{padding:0 var(--spacing-sm)}.hero-title{font-size:2rem}.neural-network{width:250px;height:250px}.contact-method{min-width:200px}}.fade-in{opacity:0;transform:translateY(30px);transition:all .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.slide-in-left{opacity:0;transform:translate(-50px);transition:all .6s ease}.slide-in-left.visible{opacity:1;transform:translate(0)}.slide-in-right{opacity:0;transform:translate(50px);transition:all .6s ease}.slide-in-right.visible{opacity:1;transform:translate(0)}