@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.demo-highlight{background:linear-gradient(45deg,#3b82f6,#06b6d4,#8b5cf6);background-size:300% 300%;animation:gradientShift 3s ease infinite;padding:2px;border-radius:8px}@keyframes skillProgress{0%{width:0}to{width:var(--target-width)}}.skill-progress-animation{transition:all .8s cubic-bezier(.4,0,.2,1);transform-origin:left center}.skill-progress-bar{animation:skillProgress 2s ease-out forwards;background:linear-gradient(90deg,#3b82f6,#06b6d4);border-radius:4px;height:8px}@keyframes bounceIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}@keyframes glow{0%,to{box-shadow:0 0 5px rgba(59,130,246,.5)}50%{box-shadow:0 0 20px rgba(59,130,246,.8),0 0 30px rgba(59,130,246,.4)}}.achievement-unlock{animation:bounceIn .6s ease-out,glow 2s ease-in-out infinite alternate}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.demo-card-hover{transition:all .3s ease;cursor:pointer}.demo-card-hover:hover{transform:translateY(-4px);box-shadow:0 10px 25px rgba(0,0,0,.15);animation:cardFloat 2s ease-in-out infinite}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.notification-slide-in{animation:slideInRight .5s ease-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.demo-pulse{animation:pulse 2s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}@keyframes checkmark{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.success-checkmark{stroke-dasharray:100;animation:checkmark .8s ease-in-out forwards}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.counter-animation{animation:countUp .6s ease-out}@keyframes progressRing{0%{stroke-dasharray:0 251.2}to{stroke-dasharray:var(--progress) 251.2}}.progress-ring-animation{animation:progressRing 1.5s ease-out forwards}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.typing-indicator{display:flex;gap:3px}.typing-indicator span{width:8px;height:8px;border-radius:50%;background-color:#3b82f6;animation:typing 1.4s ease-in-out infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes radarGrow{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.radar-animation{animation:radarGrow 1s ease-out}@keyframes buttonPress{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.button-press{animation:buttonPress .2s ease-in-out}@keyframes salarySlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.salary-animation{animation:salarySlideUp .8s ease-out}@keyframes demoFlash{0%,50%,to{opacity:1}25%,75%{opacity:.5}}.demo-mode-indicator{animation:demoFlash 2s infinite;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);color:white;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700}@keyframes trendUp{0%{transform:translateY(5px)}to{transform:translateY(-5px)}}@keyframes trendDown{0%{transform:translateY(-5px)}to{transform:translateY(5px)}}.trend-up{animation:trendUp 1s ease-in-out infinite alternate;color:#10b981}.trend-down{animation:trendDown 1s ease-in-out infinite alternate;color:#ef4444}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tooltip-animation{animation:tooltipFadeIn .3s ease-out}@keyframes progressFill{0%{width:0}to{width:var(--progress-width)}}.demo-progress-fill{animation:progressFill 1s ease-out forwards;background:linear-gradient(90deg,#3b82f6,#06b6d4,#10b981);height:100%;border-radius:inherit}@keyframes badgeShine{0%{background-position:-100% 0}to{background-position:100% 0}}.certification-badge{background:linear-gradient(90deg,#ffd700,#ffed4e,#ffd700);background-size:200% 100%;animation:badgeShine 2s ease-in-out infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}@media (max-width:768px){.demo-card-hover:hover{transform:none;animation:none}.skill-progress-animation{transition-duration:.5s}.achievement-unlock{animation-duration:.4s}}