/* Page animations — shared across all pages */
@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}
@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}
@keyframes pulse-glow{0%,to{box-shadow:0 0 30px #00d4ff4d}50%{box-shadow:0 0 60px #00d4ff99}}
@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}
.animate-fade-up{animation:fadeInUp .8s ease-out}
.animate-float{animation:float 4s ease-in-out infinite}
.animate-slide-right{animation:slideInRight .8s ease-out}
.animate-pulse-glow{animation:pulse-glow 3s ease-in-out infinite}
.animate-gradient{background-size:200% 200%;animation:gradient-shift 10s ease infinite}
.card-hover{transition:all .4s cubic-bezier(.4,0,.2,1)}
.card-hover:hover{transform:translateY(-8px);box-shadow:0 20px 60px #00000026}
.gradient-text{background:linear-gradient(135deg,#0a2540,#00d4ff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.glass-effect{background:#ffffff1a;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}
html{scroll-behavior:smooth}