.skills-background{position:absolute;inset:0;z-index:-1}.bg-image{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;filter:brightness(.9) contrast(1.1)}.bg-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at 25% 30%,rgba(255,107,53,.2) 0,transparent 50%),radial-gradient(ellipse at 75% 70%,rgba(255,193,7,.2) 0,transparent 50%),linear-gradient(180deg,rgba(0,0,0,.6),rgba(0,0,0,.4) 50%,rgba(0,0,0,.7))}@keyframes skills-drift{0%,to{transform:scale(1) translate(0) rotate(0deg)}25%{transform:scale(1.03) translate(-1%,-2%) rotate(.5deg)}50%{transform:scale(1.06) translate(2%,-1%) rotate(-.5deg)}75%{transform:scale(1.02) translate(-.5%,1%) rotate(.3deg)}}.system-profile-background{position:absolute;inset:0;opacity:1;z-index:-1}.system-profile-bg-image{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;filter:brightness(1) contrast(1.2)}.system-profile-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(147,51,234,.2) 0,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(219,39,119,.2) 0,transparent 50%),linear-gradient(180deg,rgba(0,0,0,.7),rgba(0,0,0,.5) 50%,rgba(0,0,0,.7))}@keyframes system-profile-drift{0%,to{transform:scale(1) translate(0)}25%{transform:scale(1.02) translate(-1%,-1%)}50%{transform:scale(1.05) translate(1%)}75%{transform:scale(1.03) translate(-.5%,1%)}}.tech-workstation-container{position:relative;margin:20px 0}.tech-workstation-frame{background:linear-gradient(145deg,#1a1a2e,#16213e);border:2px solid #00ffff;border-radius:12px;padding:12px;box-shadow:0 0 30px rgba(0,255,255,.3);animation:workstation-pulse 8s ease-in-out infinite}.workstation-gif{width:100%;height:200px;object-fit:cover;border-radius:8px;filter:brightness(1.1) saturate(1.3);border:1px solid rgba(0,255,255,.3)}.workstation-overlay{position:absolute;bottom:16px;left:16px;right:16px;background:rgba(0,0,0,.8);border:1px solid #00ffff;border-radius:4px;padding:8px;opacity:0;transition:opacity .5s ease-out}.tech-workstation-frame:hover .workstation-overlay{opacity:1}@keyframes workstation-pulse{0%,to{box-shadow:0 0 30px rgba(0,255,255,.3)}50%{box-shadow:0 0 50px rgba(0,255,255,.6)}}.hacker-terminal-frame{background:linear-gradient(145deg,#0a0a0a,#1a1a1a);border:2px solid #00ff00;border-radius:8px;padding:8px;box-shadow:0 0 20px rgba(0,255,0,.4);animation:terminal-flicker 4s ease-in-out infinite}.terminal-gif{width:100%;height:150px;object-fit:cover;border-radius:4px;filter:brightness(1.2) contrast(1.3)}@keyframes terminal-flicker{0%,to{opacity:1}98%,99%{opacity:.8}}.floating-drones{position:fixed;inset:0;pointer-events:none;z-index:5}.drone{position:absolute;width:60px;height:60px}.drone-1{top:20%;left:5%;animation:drone-patrol-1 15s ease-in-out infinite}.drone-2{top:60%;right:10%;animation:drone-patrol-2 20s ease-in-out infinite}.drone-3{top:40%;left:80%;animation:drone-patrol-3 12s ease-in-out infinite}.drone-gif{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 10px rgba(0,255,255,.6))}@keyframes drone-patrol-1{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(100px,-50px) rotate(90deg)}50%{transform:translate(200px) rotate(180deg)}75%{transform:translate(100px,50px) rotate(270deg)}}@keyframes drone-patrol-2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-150px,-100px) scale(1.2)}}@keyframes drone-patrol-3{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-80px) rotate(180deg)}}.holographic-displays{position:fixed;inset:0;pointer-events:none;z-index:3}.hologram{position:absolute;width:120px;height:120px;opacity:.6}.hologram-1{top:15%;right:15%;animation:hologram-float-1 10s ease-in-out infinite}.hologram-2{bottom:20%;left:10%;animation:hologram-float-2 8s ease-in-out infinite}.hologram-3{top:50%;right:5%;animation:hologram-float-3 12s ease-in-out infinite}.hologram-gif{width:100%;height:100%;object-fit:contain;filter:brightness(1.5) saturate(2)}.hologram-glow{position:absolute;inset:-10px;background:radial-gradient(circle,rgba(0,255,255,.3) 0,transparent 70%);border-radius:50%;animation:glow-pulse 3s ease-in-out infinite}@keyframes hologram-float-1{0%,to{transform:translateY(0) rotate(0deg);opacity:.6}50%{transform:translateY(-20px) rotate(180deg);opacity:.9}}@keyframes hologram-float-2{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.1) rotate(1turn)}}@keyframes hologram-float-3{0%,to{transform:translateX(0)}50%{transform:translateX(-30px)}}@keyframes glow-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.section-divider{padding:40px 0;position:relative}.divider-content{display:flex;align-items:center;justify-content:center;gap:20px}.divider-line{flex:1;height:2px;background:linear-gradient(90deg,transparent,#00ffff,transparent);animation:line-pulse 3s ease-in-out infinite}.divider-gif-container{position:relative}.divider-gif{width:80px;height:80px;object-fit:contain;filter:brightness(1.3) saturate(1.5)}.gif-glow{position:absolute;inset:-20px;background:radial-gradient(circle,rgba(0,255,255,.4) 0,transparent 60%);border-radius:50%;animation:gif-glow-pulse 2s ease-in-out infinite}@keyframes line-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes gif-glow-pulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.3);opacity:.8}}.cyber-gateway{position:relative;text-align:center;padding:60px 0;overflow:hidden}.gateway-gif{width:200px;height:200px;object-fit:contain;filter:brightness(1.4) saturate(2);animation:gateway-spin 20s linear infinite}.gateway-text{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);padding:8px 16px;background:rgba(0,0,0,.8);border:1px solid #00ffff;border-radius:20px;animation:text-glow 3s ease-in-out infinite}@keyframes gateway-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes text-glow{0%,to{box-shadow:0 0 10px rgba(0,255,255,.3)}50%{box-shadow:0 0 20px rgba(0,255,255,.8)}}.achievement-card-enhanced{position:relative;overflow:hidden}.achievement-bg-gif{position:absolute;inset:0;opacity:.2;z-index:1}.achievement-gif-bg{width:100%;height:100%;object-fit:cover;filter:blur(1px) brightness(.6)}.achievement-overlay{position:absolute;inset:0;background:linear-gradient(45deg,rgba(0,0,0,.7),rgba(0,0,0,.5))}.achievement-trophy{position:absolute;top:-10px;right:-10px;width:40px;height:40px;opacity:0;transition:opacity .5s ease-out}.achievement-card-enhanced:hover .achievement-trophy{opacity:1}.trophy-gif{width:100%;height:100%;object-fit:contain;filter:brightness(1.5) saturate(2)}.retro-grid{position:absolute;inset:0;opacity:.3}.grid-horizontal{position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 49px,rgba(0,255,255,.1) 50px,rgba(0,255,255,.1) 51px);animation:grid-pulse-horizontal 8s ease-in-out infinite}.grid-vertical{position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,transparent,transparent 49px,rgba(0,255,255,.1) 50px,rgba(0,255,255,.1) 51px);animation:grid-pulse-vertical 10s ease-in-out infinite}@keyframes grid-pulse-horizontal{0%,to{opacity:.1}50%{opacity:.3}}@keyframes grid-pulse-vertical{0%,to{opacity:.1}50%{opacity:.2}}.pixel-particles{position:absolute;inset:0;overflow:hidden}.pixel-particle{position:absolute;width:4px;height:4px;background:#00ffff;box-shadow:0 0 10px #00ffff,0 0 20px #00ffff,0 0 30px #00ffff;animation:pixel-float linear infinite}@keyframes pixel-float{0%{transform:translateY(100vh) rotate(0deg);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(1turn);opacity:0}}.scan-lines-enhanced{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,255,.03) 0,rgba(0,255,255,.03) 4px);animation:scan-move-enhanced 2s linear infinite;pointer-events:none}@keyframes scan-move-enhanced{0%{transform:translateY(0)}to{transform:translateY(8px)}}.glitch-bars{position:absolute;inset:0;overflow:hidden}.glitch-bar{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,#ff0000,#00ff00 33%,#0000ff 66%,#ff0000);opacity:0;animation:glitch-streak 3s ease-in-out infinite}@keyframes glitch-streak{0%,90%,to{opacity:0;transform:translateX(-100%)}5%,85%{opacity:.8;transform:translateX(100%)}}.neon-orbs{position:absolute;inset:0;overflow:hidden}.neon-orb{position:absolute;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle,rgba(0,255,255,.8) 0,transparent 70%);box-shadow:0 0 20px rgba(0,255,255,.5),0 0 40px rgba(0,255,255,.3),0 0 60px rgba(0,255,255,.1);animation:orb-float 12s ease-in-out infinite}.neon-orb:nth-child(2n){background:radial-gradient(circle,rgba(255,0,255,.8) 0,transparent 70%);box-shadow:0 0 20px rgba(255,0,255,.5),0 0 40px rgba(255,0,255,.3),0 0 60px rgba(255,0,255,.1)}.neon-orb:nth-child(3n){background:radial-gradient(circle,rgba(255,255,0,.8) 0,transparent 70%);box-shadow:0 0 20px rgba(255,255,0,.5),0 0 40px rgba(255,255,0,.3),0 0 60px rgba(255,255,0,.1)}@keyframes orb-float{0%,to{transform:translateY(0) translateX(0) scale(1);opacity:.3}25%{transform:translateY(-20px) translateX(10px) scale(1.2);opacity:.8}50%{transform:translateY(-10px) translateX(-15px) scale(.8);opacity:.6}75%{transform:translateY(-30px) translateX(5px) scale(1.1);opacity:.9}}.depth-overlay-enhanced{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 30%,rgba(0,255,255,.1) 0,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(255,0,255,.1) 0,transparent 50%),radial-gradient(ellipse at center,transparent 0,rgba(0,0,0,.3) 70%);animation:depth-breathe-enhanced 25s ease-in-out infinite}@keyframes depth-breathe-enhanced{0%,to{opacity:.6}33%{opacity:.8}66%{opacity:.7}}.hero-background{position:fixed;top:0;left:0;right:0;bottom:0;opacity:.7;z-index:-1}.hero-bg-image{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;filter:brightness(.9)}.hero-bg-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 0,rgba(0,0,0,.4) 50%,rgba(0,0,0,.8) 100%)}@keyframes hero-bg-drift{0%,to{transform:scale(1) translate(0)}50%{transform:scale(1.05) translate(-2%,-1%)}}.control-room-container{display:flex;justify-content:center;align-items:center}.control-room-frame{position:relative;background:linear-gradient(145deg,#1a1a2e,#16213e);border:2px solid #00ffff;border-radius:12px;padding:8px;box-shadow:0 0 20px rgba(0,255,255,.3),inset 0 0 20px rgba(0,255,255,.1);animation:control-room-pulse 8s ease-in-out infinite}.control-room-image{width:400px;height:250px;object-fit:cover;border-radius:8px;image-rendering:pixelated;filter:brightness(1.1) contrast(1.2)}.control-room-overlay{position:absolute;top:12px;left:12px;right:12px;background:rgba(0,0,0,.8);border:1px solid #00ffff;border-radius:4px;padding:8px;opacity:0;transition:all 1s ease-out}.control-room-frame:hover .control-room-overlay{opacity:1}.control-room-label{color:#00ffff;font-size:12px;font-weight:700;text-shadow:0 0 5px #00ffff;margin-bottom:4px}.control-room-status{display:flex;align-items:center;color:#00ff00;font-size:10px}.status-dot{width:6px;height:6px;background:#00ff00;border-radius:50%;margin-right:6px;animation:status-blink 2s ease-in-out infinite}@keyframes control-room-pulse{0%,to{box-shadow:0 0 20px rgba(0,255,255,.3),inset 0 0 20px rgba(0,255,255,.1)}50%{box-shadow:0 0 30px rgba(0,255,255,.5),inset 0 0 30px rgba(0,255,255,.2)}}@keyframes status-blink{0%,to{opacity:1}50%{opacity:.3}}.workspace-container{display:flex;justify-content:center;align-items:flex-start}.workspace-frame{position:relative;background:linear-gradient(145deg,#2d1b69,#1a1a2e);border:2px solid #ff6b35;border-radius:12px;padding:8px;box-shadow:0 0 20px rgba(255,107,53,.3),inset 0 0 20px rgba(255,107,53,.1);animation:workspace-glow 10s ease-in-out infinite}.workspace-image{width:320px;height:200px;object-fit:cover;border-radius:8px;image-rendering:pixelated;filter:brightness(1.1) saturate(1.2)}.workspace-overlay{position:absolute;bottom:12px;left:12px;right:12px;background:rgba(0,0,0,.9);border:1px solid #ff6b35;border-radius:4px;padding:8px;opacity:0;transition:all 1s ease-out}.workspace-frame:hover .workspace-overlay{opacity:1}.workspace-label{color:#ff6b35;font-size:12px;font-weight:700;text-shadow:0 0 5px #ff6b35;margin-bottom:6px}.workspace-stats{display:flex;flex-direction:column;gap:2px}.stat-line{color:#00ffff;font-size:9px;font-family:Courier New,monospace}@keyframes workspace-glow{0%,to{box-shadow:0 0 20px rgba(255,107,53,.3),inset 0 0 20px rgba(255,107,53,.1)}50%{box-shadow:0 0 30px rgba(255,107,53,.5),inset 0 0 30px rgba(255,107,53,.2)}}.footer-decoration{opacity:.6}.footer-city-image{width:120px;height:80px;object-fit:cover;border-radius:6px;image-rendering:pixelated;filter:brightness(.8) hue-rotate(20deg);animation:footer-city-glow 12s ease-in-out infinite}@keyframes footer-city-glow{0%,to{filter:brightness(.8) hue-rotate(20deg);opacity:.6}50%{filter:brightness(1.2) hue-rotate(40deg);opacity:.8}}.achievement-card{opacity:0;transform:translateY(40px);animation:achievement-rise 3s ease-out both}.achievement-card:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 25px 50px rgba(255,193,7,.3);transition:all 2s cubic-bezier(.25,.46,.45,.94)}@keyframes achievement-rise{to{opacity:1;transform:translateY(0)}}.achievement-icon{animation:achievement-icon-spin 8s ease-in-out infinite}@keyframes achievement-icon-spin{0%,to{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}}.achievement-badge{animation:badge-pulse 3s ease-in-out infinite}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.header-slide{transform:translateY(-100%);animation:header-slide-in 3s cubic-bezier(.25,.46,.45,.94) forwards}.header-slide.loaded{animation-delay:.5s}@keyframes header-slide-in{to{transform:translateY(0)}}.logo-glow:hover{text-shadow:0 0 20px #00ffff,0 0 40px #00ffff;transform:scale(1.05);transition:all 2s ease-out}.icon-pulse{animation:icon-gentle-pulse 6s ease-in-out infinite}@keyframes icon-gentle-pulse{0%,to{transform:scale(1) rotate(0deg);opacity:1}50%{transform:scale(1.1) rotate(180deg);opacity:.8}}.status-pulse{animation:status-gentle-pulse 4s ease-in-out infinite}@keyframes status-gentle-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.hero-container{opacity:0;transform:translateY(50px);animation:hero-fade-in 4s cubic-bezier(.25,.46,.45,.94) forwards}.hero-container.loaded{animation-delay:1s}@keyframes hero-fade-in{to{opacity:1;transform:translateY(0)}}.avatar-container{animation:avatar-float 8s ease-in-out infinite}@keyframes avatar-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.02)}}.rotating-border{animation:gentle-rotate 20s linear infinite}@keyframes gentle-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.floating-icon{animation:icon-gentle-float 10s ease-in-out infinite}@keyframes icon-gentle-float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(180deg)}}.status-indicator{animation:status-gentle-pulse 3s ease-in-out infinite}.ping-indicator{animation:gentle-ping 4s cubic-bezier(0,0,.2,1) infinite}@keyframes gentle-ping{75%,to{transform:scale(2);opacity:0}}.bounce-indicator{animation:gentle-bounce 3s ease-in-out infinite}@keyframes gentle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.title-gradient{background-size:300% 300%;animation:gradient-gentle-shift 8s ease-in-out infinite}@keyframes gradient-gentle-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.subtitle-fade{opacity:0;animation:subtitle-fade-in 3s ease-out 2s both}@keyframes subtitle-fade-in{to{opacity:1}}.tech-highlight{animation:tech-gentle-glow 6s ease-in-out infinite}.tech-highlight:first-child{animation-delay:0s}.tech-highlight:nth-child(2){animation-delay:1.5s}.tech-highlight:nth-child(3){animation-delay:3s}.tech-highlight:nth-child(4){animation-delay:4.5s}@keyframes tech-gentle-glow{0%,80%,to{text-shadow:none}90%{text-shadow:0 0 10px currentColor}}.terminal-card{opacity:0;transform:translateY(30px);animation:terminal-slide-up 3s ease-out 3s both}@keyframes terminal-slide-up{to{opacity:1;transform:translateY(0)}}.terminal-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 20px 40px rgba(0,255,255,.2);transition:all 2s cubic-bezier(.25,.46,.45,.94)}.terminal-icon{animation:terminal-icon-pulse 4s ease-in-out infinite}@keyframes terminal-icon-pulse{0%,to{opacity:1}50%{opacity:.6}}.prompt-text{animation:prompt-glow 5s ease-in-out infinite}@keyframes prompt-glow{0%,90%,to{text-shadow:0 0 5px #00ffff}95%{text-shadow:0 0 15px #00ffff,0 0 25px #00ffff}}.cursor-blink{animation:cursor-gentle-blink 2s ease-in-out infinite}@keyframes cursor-gentle-blink{0%,50%{opacity:1}51%,to{opacity:0}}.button-group{opacity:0;animation:button-fade-in 2s ease-out 4s both}@keyframes button-fade-in{to{opacity:1}}.primary-button{transition:all 2s cubic-bezier(.25,.46,.45,.94)}.primary-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 30px rgba(0,255,255,.3)}.secondary-button{transition:all 2s cubic-bezier(.25,.46,.45,.94)}.secondary-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 30px rgba(147,51,234,.3)}.button-icon{animation:button-icon-gentle-spin 8s ease-in-out infinite}@keyframes button-icon-gentle-spin{0%,to{transform:rotate(0deg)}50%{transform:rotate(180deg)}}.section-title{opacity:0;transform:translateY(30px);animation:section-title-rise 3s ease-out both;background-size:200% 200%;animation:section-title-rise 3s ease-out both,gradient-gentle-shift 10s ease-in-out 3s infinite}@keyframes section-title-rise{to{opacity:1;transform:translateY(0)}}.about-card{opacity:0;transform:translateY(40px);animation:card-gentle-rise 3s ease-out both}.about-card:first-child{animation-delay:.5s}.about-card:nth-child(2){animation-delay:.8s}@keyframes card-gentle-rise{to{opacity:1;transform:translateY(0)}}.about-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 50px rgba(0,255,255,.15);transition:all 2s cubic-bezier(.25,.46,.45,.94)}.card-icon{animation:card-icon-gentle-spin 12s ease-in-out infinite}@keyframes card-icon-gentle-spin{0%,to{transform:rotate(0deg) scale(1)}50%{transform:rotate(1turn) scale(1.1)}}.card-title{animation:title-gentle-glow 8s ease-in-out infinite}@keyframes title-gentle-glow{0%,90%,to{text-shadow:0 0 5px currentColor}95%{text-shadow:0 0 15px currentColor,0 0 25px currentColor}}.config-item{opacity:0;transform:translateX(-20px);animation:config-item-slide 2s ease-out both}.config-item:first-child{animation-delay:1s}.config-item:nth-child(2){animation-delay:1.2s}.config-item:nth-child(3){animation-delay:1.4s}.config-item:nth-child(4){animation-delay:1.6s}.config-item:nth-child(5){animation-delay:1.8s}@keyframes config-item-slide{to{opacity:1;transform:translateX(0)}}.config-dot{animation:dot-gentle-pulse 4s ease-in-out infinite}@keyframes dot-gentle-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.mission-text{opacity:0;animation:text-gentle-fade 3s ease-out 2s both}@keyframes text-gentle-fade{to{opacity:1}}.skill-card-minimal{opacity:0;transform:translateY(20px);animation:skill-minimal-rise 1.5s ease-out both}@keyframes skill-minimal-rise{to{opacity:1;transform:translateY(0)}}.skill-card-minimal:hover{transform:translateY(-2px)}.skill-card-minimal .skill-tech-icon{animation:none}.skill-card-minimal .skill-tech-name:after{display:none}.skill-card{opacity:0;transform:translateY(40px);animation:skill-card-rise 3s ease-out both}.skill-card:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 20px 40px rgba(0,255,255,.25);border-color:#00ffff;transition:all 2s cubic-bezier(.25,.46,.45,.94)}@keyframes skill-card-rise{to{opacity:1;transform:translateY(0)}}.skill-icon-container{position:relative;overflow:hidden}.skill-icon-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg) translate(-100%,-100%);transition:transform .6s}.skill-card:hover .skill-icon-container:before{transform:rotate(45deg) translate(100%,100%)}.skill-tech-icon{animation:tech-icon-gentle-pulse 6s ease-in-out infinite}.skill-card:hover .skill-tech-icon{animation:tech-icon-spin 1s ease-in-out}@keyframes tech-icon-gentle-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes tech-icon-spin{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(1turn) scale(1)}}.skill-tech-name{position:relative;transition:all .5s ease-out}.skill-tech-name:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:linear-gradient(90deg,#00ffff,#ff00ff);transition:all .5s ease-out;transform:translateX(-50%)}.skill-card:hover .skill-tech-name:after{width:100%}.progress-container,.skill-icon,.skill-name,.skill-percentage,.skill-progress{display:none}.project-view-btn{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(0,0,0,.8),rgba(0,30,30,.6))!important;border:1px solid rgba(0,255,255,.4)!important;box-shadow:0 0 10px rgba(0,255,255,.2),inset 0 0 10px rgba(0,255,255,.1)!important;transition:all .3s cubic-bezier(.25,.46,.45,.94)!important;font-family:Courier New,monospace!important;font-weight:700!important;letter-spacing:.5px!important;text-transform:uppercase!important}.project-view-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.2),transparent);transition:left .5s}.project-view-btn:hover:before{left:100%}.project-view-btn:hover{transform:translateY(-2px) scale(1.05)!important;background:linear-gradient(145deg,rgba(0,255,255,.1),rgba(0,30,30,.8))!important;border-color:rgba(0,255,255,.8)!important;box-shadow:0 0 20px rgba(0,255,255,.4),0 10px 20px rgba(0,255,255,.2),inset 0 0 20px rgba(0,255,255,.2)!important;color:#ffffff!important;text-shadow:0 0 10px rgba(0,255,255,.8)!important}.project-view-btn:active{transform:translateY(0) scale(.98)!important;box-shadow:0 0 15px rgba(0,255,255,.6),inset 0 0 15px rgba(0,255,255,.3)!important}.project-view-btn{animation:project-btn-pulse 4s ease-in-out infinite}@keyframes project-btn-pulse{0%,to{box-shadow:0 0 10px rgba(0,255,255,.2),inset 0 0 10px rgba(0,255,255,.1)}50%{box-shadow:0 0 15px rgba(0,255,255,.3),inset 0 0 15px rgba(0,255,255,.15)}}.project-view-btn .lucide-external-link{transition:all .3s ease}.project-view-btn:hover .lucide-external-link{transform:rotate(45deg) scale(1.2);filter:drop-shadow(0 0 5px rgba(0,255,255,.8))}.project-card{opacity:0;transform:translateY(50px);animation:project-card-rise 3s ease-out both}.project-card:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 30px 60px rgba(0,255,255,.25);transition:all 2s cubic-bezier(.25,.46,.45,.94)}@keyframes project-card-rise{to{opacity:1;transform:translateY(0)}}.project-border{width:0;animation:border-gentle-expand 3s ease-out 1s both}@keyframes border-gentle-expand{to{width:100%}}.project-icon{animation:project-icon-gentle-float 10s ease-in-out infinite}.project-card:hover .project-icon{transform:scale(1.2) rotate(10deg);transition:all 1.5s cubic-bezier(.25,.46,.45,.94)}@keyframes project-icon-gentle-float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-3px) rotate(5deg)}}.project-status{animation:status-gentle-glow 8s ease-in-out infinite}@keyframes status-gentle-glow{0%,90%,to{box-shadow:none}95%{box-shadow:0 0 15px currentColor}}.project-title{transition:all 1.5s ease-out}.project-card:hover .project-title{color:#00ffff;text-shadow:0 0 10px #00ffff}.project-description{opacity:0;animation:description-gentle-fade 2s ease-out 2s both}@keyframes description-gentle-fade{to{opacity:1}}.tech-tag{opacity:0;transform:translateY(10px);animation:tag-gentle-rise 2s ease-out both}.tech-tag:hover{border-color:#00ffff;box-shadow:0 0 10px rgba(0,255,255,.3);transform:translateY(-2px);transition:all 1s ease-out}@keyframes tag-gentle-rise{to{opacity:1;transform:translateY(0)}}.contact-card{opacity:0;transform:translateY(40px);animation:contact-card-rise 3s ease-out both}.contact-card:first-child{animation-delay:.3s}.contact-card:nth-child(2){animation-delay:.6s}@keyframes contact-card-rise{to{opacity:1;transform:translateY(0)}}.contact-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 50px rgba(0,255,255,.2);transition:all 2s cubic-bezier(.25,.46,.45,.94)}.contact-item{transition:all 1.5s cubic-bezier(.25,.46,.45,.94)}.contact-item:hover{color:#00ffff;transform:translateX(15px);text-shadow:0 0 10px #00ffff}.contact-icon{animation:contact-icon-gentle-pulse 6s ease-in-out infinite}@keyframes contact-icon-gentle-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.form-input{transition:all 1.5s ease-out}.form-input:focus{border-color:#00ffff;box-shadow:0 0 20px rgba(0,255,255,.2);transform:translateY(-2px)}.submit-button{transition:all 2s cubic-bezier(.25,.46,.45,.94)}.submit-button:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 20px 40px rgba(0,255,255,.3)}.footer-fade{opacity:0;animation:footer-fade-in 3s ease-out 1s both}@keyframes footer-fade-in{to{opacity:1}}.footer-text{animation:footer-text-glow 12s ease-in-out infinite}@keyframes footer-text-glow{0%,95%,to{text-shadow:none}97%{text-shadow:0 0 8px #666666}}.footer-tagline{animation:tagline-gentle-pulse 8s ease-in-out infinite}@keyframes tagline-gentle-pulse{0%,to{opacity:1}50%{opacity:.7}}.footer-icon{animation:footer-icon-gentle-spin 15s ease-in-out infinite}@keyframes footer-icon-gentle-spin{0%,to{transform:rotate(0deg)}50%{transform:rotate(180deg)}}*{transform:translateZ(0)}.cert-card{opacity:0;transform:translateY(50px);animation:cert-card-rise 3s ease-out both}.cert-card:hover{transform:translateY(-12px) scale(1.03);box-shadow:0 30px 60px rgba(147,51,234,.3);transition:all 2s cubic-bezier(.25,.46,.45,.94)}@keyframes cert-card-rise{to{opacity:1;transform:translateY(0)}}.cert-border{width:0;animation:cert-border-expand 3s ease-out 1s both}@keyframes cert-border-expand{to{width:100%}}.cert-badge{animation:cert-badge-spin 15s ease-in-out infinite}@keyframes cert-badge-spin{0%,to{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}}.cert-status-indicator{animation:cert-status-pulse 3s ease-in-out infinite}@keyframes cert-status-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.cert-icon{animation:cert-icon-float 8s ease-in-out infinite}.cert-card:hover .cert-icon{transform:scale(1.2) rotate(15deg);transition:all 1.5s cubic-bezier(.25,.46,.45,.94)}@keyframes cert-icon-float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-5px) rotate(10deg)}}.cert-level{animation:cert-level-glow 6s ease-in-out infinite}@keyframes cert-level-glow{0%,90%,to{box-shadow:none}95%{box-shadow:0 0 15px currentColor}}.cert-title{transition:all 1.5s ease-out}.cert-issuer{animation:cert-issuer-pulse 10s ease-in-out infinite}@keyframes cert-issuer-pulse{0%,to{opacity:1}50%{opacity:.7}}.cert-description{opacity:0;animation:cert-description-fade 2s ease-out 2s both}@keyframes cert-description-fade{to{opacity:1}}.cert-date,.cert-id,.cert-validity{animation:cert-info-glow 12s ease-in-out infinite}@keyframes cert-info-glow{0%,95%,to{text-shadow:none}97%{text-shadow:0 0 8px currentColor}}.cert-skill-tag{opacity:0;transform:translateY(10px);animation:cert-skill-rise 2s ease-out both}.cert-skill-tag:hover{border-color:#a855f7;box-shadow:0 0 10px rgba(168,85,247,.3);transform:translateY(-2px);transition:all 1s ease-out}@keyframes cert-skill-rise{to{opacity:1;transform:translateY(0)}}.cert-verify-btn{transition:all 1.5s cubic-bezier(.25,.46,.45,.94)}.cert-verify-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 10px 20px rgba(147,51,234,.3)}.cert-hologram{pointer-events:none}.hero-action-btn{position:relative;overflow:hidden;font-family:Courier New,monospace!important;font-weight:700!important;letter-spacing:1px!important;text-transform:uppercase!important;padding:12px 24px!important;border:2px solid transparent!important;box-shadow:0 0 15px rgba(0,255,255,.3),inset 0 0 15px rgba(255,255,255,.1)!important;transition:all .4s cubic-bezier(.25,.46,.45,.94)!important;backdrop-filter:blur(10px)!important;animation:hero-btn-pulse 3s ease-in-out infinite}.hero-action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.hero-action-btn:hover:before{left:100%}.hero-action-btn:hover{transform:translateY(-3px) scale(1.05)!important;box-shadow:0 0 25px rgba(0,255,255,.5),0 15px 30px rgba(0,255,255,.3),inset 0 0 25px rgba(255,255,255,.2)!important;border-color:rgba(0,255,255,.8)!important;text-shadow:0 0 15px rgba(255,255,255,.8)!important}.hero-action-btn:active{transform:translateY(-1px) scale(1.02)!important;box-shadow:0 0 20px rgba(0,255,255,.7),inset 0 0 20px rgba(255,255,255,.3)!important}.hero-action-btn:first-child{background:linear-gradient(145deg,#0891b2,#0284c7)!important;box-shadow:0 0 15px rgba(8,145,178,.4),inset 0 0 15px rgba(255,255,255,.1)!important}.hero-action-btn:first-child:hover{box-shadow:0 0 25px rgba(8,145,178,.6),0 15px 30px rgba(8,145,178,.4),inset 0 0 25px rgba(255,255,255,.2)!important;border-color:rgba(8,145,178,.8)!important}.hero-action-btn:nth-child(2){background:linear-gradient(145deg,#a855f7,#ec4899)!important;box-shadow:0 0 15px rgba(168,85,247,.4),inset 0 0 15px rgba(255,255,255,.1)!important}.hero-action-btn:nth-child(2):hover{box-shadow:0 0 25px rgba(168,85,247,.6),0 15px 30px rgba(168,85,247,.4),inset 0 0 25px rgba(255,255,255,.2)!important;border-color:rgba(168,85,247,.8)!important}.hero-action-btn:nth-child(3){background:linear-gradient(145deg,#059669,#10b981)!important;box-shadow:0 0 15px rgba(5,150,105,.4),inset 0 0 15px rgba(255,255,255,.1)!important}.hero-action-btn:nth-child(3):hover{box-shadow:0 0 25px rgba(5,150,105,.6),0 15px 30px rgba(5,150,105,.4),inset 0 0 25px rgba(255,255,255,.2)!important;border-color:rgba(5,150,105,.8)!important}@keyframes hero-btn-pulse{0%,to{box-shadow:0 0 15px rgba(0,255,255,.3),inset 0 0 15px rgba(255,255,255,.1)}50%{box-shadow:0 0 20px rgba(0,255,255,.4),inset 0 0 20px rgba(255,255,255,.15)}}.hero-action-btn .button-icon{transition:all .4s ease}.hero-action-btn:hover .button-icon{transform:rotate(15deg) scale(1.2);filter:drop-shadow(0 0 8px rgba(255,255,255,.8))}.button-group{animation:button-group-rise 1.2s ease-out .8s both}@keyframes button-group-rise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.button-group{flex-direction:column;space-y:12px}.hero-action-btn{width:100%;justify-content:center}}.hero-action-btn:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,255,255,.8),transparent);animation:scan-line 2s ease-in-out infinite;opacity:0}.hero-action-btn:hover:after{opacity:1}@keyframes scan-line{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.music-play-btn .lucide-pause,.music-play-btn .lucide-play{transition:all .3s ease}.music-play-btn:hover .lucide-pause,.music-play-btn:hover .lucide-play{transform:scale(1.2);filter:drop-shadow(0 0 5px rgba(0,255,255,.8))}.audio-control-btn .lucide-volume-2,.audio-control-btn .lucide-volume-x{transition:all .3s ease}.audio-control-btn:hover .lucide-volume-2,.audio-control-btn:hover .lucide-volume-x{transform:scale(1.1);filter:drop-shadow(0 0 3px rgba(0,255,255,.6))}.audio-control-btn{position:relative;padding:4px 8px;border-radius:4px;backdrop-filter:blur(10px);transition:all .3s ease}.audio-control-btn:hover{background:rgba(0,255,255,.1);box-shadow:0 0 10px rgba(0,255,255,.3);transform:scale(1.05)}.music-play-btn{position:relative;overflow:hidden;background:rgba(0,0,0,.6)!important;border:1px solid rgba(0,255,255,.4)!important;box-shadow:0 0 10px rgba(0,255,255,.2),inset 0 0 10px rgba(0,255,255,.1)!important;transition:all .3s cubic-bezier(.25,.46,.45,.94)!important;backdrop-filter:blur(10px)!important}.music-play-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.2),transparent);transition:left .5s}.music-play-btn:hover:before{left:100%}.music-play-btn:hover{transform:scale(1.1)!important;border-color:rgba(0,255,255,.8)!important;box-shadow:0 0 20px rgba(0,255,255,.4),0 5px 15px rgba(0,255,255,.2),inset 0 0 20px rgba(0,255,255,.2)!important;color:#ffffff!important;text-shadow:0 0 10px rgba(0,255,255,.8)!important}.music-play-btn:active{transform:scale(.95)!important;box-shadow:0 0 15px rgba(0,255,255,.6),inset 0 0 15px rgba(0,255,255,.3)!important}.music-play-btn:has(.lucide-pause){animation:music-playing-pulse 2s ease-in-out infinite}@keyframes music-playing-pulse{0%,to{box-shadow:0 0 10px rgba(0,255,255,.2),inset 0 0 10px rgba(0,255,255,.1)}50%{box-shadow:0 0 20px rgba(0,255,255,.4),inset 0 0 20px rgba(0,255,255,.2)}}