body{font-family:cairo,sans-serif}html{scroll-behavior:smooth}.hero-section{height:calc(100vh - 72px)}@tailwind base;@tailwind components;@tailwind utilities;@layer base{@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    
  }
}.animate-float{animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)translateX(0)rotate(0)}50%{transform:translateY(-20px)translateX(10px)rotate(2deg)}100%{transform:translateY(0)translateX(0)rotate(0)}}@keyframes float-reverse{0%{transform:translateY(0)translateX(0)rotate(0)}50%{transform:translateY(-15px)translateX(-10px)rotate(-2deg)}100%{transform:translateY(0)translateX(0)rotate(0)}}.float-slow{animation:float 15s ease-in-out infinite}.float-medium{animation:float-reverse 10s ease-in-out infinite}.float-fast{animation:float 8s ease-in-out infinite}@media(max-width:768px){.decorative-bg{opacity:.3}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feature-card{animation:fadeIn .6s ease-out forwards}@media(prefers-reduced-motion:no-preference){.hover\:scale-105{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:500ms}}@keyframes gradient{0%{background-position:0}50%{background-position:100%}100%{background-position:0}}