/* ============================================================
   ANIMATIONS.CSS — keyframes & motion utility classes
   ============================================================ */

@keyframes fadeUp{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:translateY(0);}}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}
@keyframes floatY{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}
@keyframes spin{to{transform:rotate(360deg);}}

.fade-up{animation:fadeUp .7s var(--ease) both;}
.float{animation:floatY 5s ease-in-out infinite;}

/* Card tilt effect (mouse-driven via JS setting --rx/--ry) */
.tilt{transform:perspective(900px) rotateX(var(--rx,0)) rotateY(var(--ry,0));transition:transform .15s ease-out;}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important;}
}
.social-icon{
    background:#2d2f8d !important;
    color:#ffffff !important;
}

.social-icon i{
    color:#ffffff !important;
    font-size:24px;
    line-height:1;
}