@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 5px var(--accent-cyan-glow)}50%{box-shadow:0 0 20px var(--accent-cyan-glow), 0 0 40px rgba(6,182,212,.15)}}@keyframes rotateGear{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes skillBarFill{0%{width:0}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:transparent}}@keyframes parallaxFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.scroll-reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(30px)}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.scroll-reveal.revealed .skill-bar-fill{animation:1s forwards skillBarFill}.hero-content{animation:1s .3s both fadeInUp}.hero-title .typewriter{display:inline-grid}.hero-title .typewriter-sizer{visibility:hidden;white-space:nowrap;grid-area:1/1}.hero-title .typewriter-text{white-space:nowrap;background:linear-gradient(135deg, var(--text-primary), var(--accent-cyan));-webkit-text-fill-color:transparent;border-right:3px solid var(--accent-cyan);-webkit-background-clip:text;background-clip:text;grid-area:1/1;justify-self:start;width:0;min-width:0;animation:1.5s steps(11,end) .8s both typewriter,.7s step-end 2.3s infinite blink;overflow:hidden}.hero-subtitle{animation:.8s 1.5s both fadeInUp}.hero-tagline{animation:.8s 1.8s both fadeInUp}.hero-cta{animation:.8s 2.1s both fadeInUp}.gear-2{animation-duration:45s;animation-direction:reverse}.project-card:hover{animation:2s infinite glowPulse}.scroll-reveal.revealed .timeline-left .timeline-card{animation:.6s both slideInFromLeft}.scroll-reveal.revealed .timeline-right .timeline-card{animation:.6s both slideInFromRight}.nav-links a{position:relative}.nav-links a:after{content:"";background:var(--accent-cyan);width:0;height:2px;transition:width var(--transition-base);position:absolute;bottom:-2px;left:0}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.hero-gear{animation:30s linear infinite rotateGear,6s ease-in-out infinite parallaxFloat}