/* Animations */

@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes slideInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}
@keyframes slideInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}
@keyframes scaleIn{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}
@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

.fade-in-up{animation:fadeInUp 0.6s ease-out}
.fade-in{animation:fadeIn 0.6s ease-out}
.slide-in-left{animation:slideInLeft 0.6s ease-out}
.slide-in-right{animation:slideInRight 0.6s ease-out}
.scale-in{animation:scaleIn 0.6s ease-out}

[data-animate]{opacity:0;transition:opacity 0.6s,transform 0.6s}
[data-animate].animated{opacity:1}

.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);text-align:center;color:white;font-size:14px;animation:float 2s ease-in-out infinite}
.scroll-arrow{width:24px;height:24px;border-left:2px solid white;border-bottom:2px solid white;transform:rotate(-45deg);margin:10px auto 0;animation:bounce 2s ease-in-out infinite}

@keyframes float{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}}
@keyframes bounce{0%,100%{transform:rotate(-45deg) translateY(0)}50%{transform:rotate(-45deg) translateY(5px)}}

.parallax-section{transition:transform 0.1s ease-out;will-change:transform}

.hover-lift{transition:transform 0.3s,box-shadow 0.3s}
.hover-lift:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.1)}

.cta-section{background:linear-gradient(135deg,#001c30 0%,#027ed6 100%);color:white;position:relative;overflow:hidden}
.cta-section::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.1) 0%,transparent 50%);animation:pulse-bg 4s ease-in-out infinite}
@keyframes pulse-bg{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
.cta-content{position:relative;z-index:2;text-align:center}
.cta-content h2{font-size:2.5rem;margin-bottom:1rem}
.cta-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}

@media(prefers-reduced-motion:reduce){*{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}}