@import url(tailwindcss/base);@import url(tailwindcss/components);@import url(tailwindcss/utilities);:root{--primary:#ef4444;--secondary:#10b981;--accent:#f59e0b;--text:#1f2937;--background:#f8fafc;--card-bg:#fff}.dark{--primary:#f87171;--secondary:#34d399;--accent:#fcd34d;--text:#f1f5f9;--background:#0f172a;--card-bg:#1e293b}.fade-in-up{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.22,.61,.36,1)}.fade-in-up.animate{opacity:1;transform:translateY(0)}.fade-in-left{opacity:0;transform:translateX(-30px);transition:all .8s cubic-bezier(.22,.61,.36,1)}.fade-in-left.animate{opacity:1;transform:translateX(0)}.fade-in-right{opacity:0;transform:translateX(30px);transition:all .8s cubic-bezier(.22,.61,.36,1)}.fade-in-right.animate{opacity:1;transform:translateX(0)}.bounce-in{animation:bounce-in .8s cubic-bezier(.22,.61,.36,1) forwards;opacity:0;transform:scale(.8)}@keyframes bounce-in {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}*{transition:background-color .4s cubic-bezier(.22,.61,.36,1) , color .4s cubic-bezier(.22,.61,.36,1) , border-color .4s cubic-bezier(.22,.61,.36,1) , transform .4s cubic-bezier(.22,.61,.36,1)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{@apply bg-gray-100 dark:bg-gray-800}::-webkit-scrollbar-thumb{@apply bg-primary rounded-full}::-webkit-scrollbar-thumb:hover{@apply bg-indigo-700 dark:bg-indigo-400}[dir="rtl"] .rtl-flip{transform:scaleX(-1)}.hover-lift{transition:transform .4s cubic-bezier(.22,.61,.36,1) , box-shadow .4s cubic-bezier(.22,.61,.36,1) , background-color .3s ease}.hover-lift:hover{transform:translateY(-8px);box-shadow:0 25px 30px -10px rgba(0,0,0,.15) , 0 10px 15px -5px rgba(0,0,0,.08)}.btn-primary{@apply bg-primary text-white px-6 py-3 rounded-lg font-semibold transition-all duration-300 hover:bg-indigo-700 hover:transform hover:scale-105 active:scale-95 shadow-md hover:shadow-lg}.btn-secondary{@apply bg-white text-primary border-2 border-primary px-6 py-3 rounded-lg font-semibold transition-all duration-300 hover:bg-primary hover:text-white hover:transform hover:scale-105 active:scale-95 shadow-md hover:shadow-lg}.btn-accent{@apply bg-accent text-gray-900 px-6 py-3 rounded-lg font-semibold transition-all duration-300 hover:bg-amber-500 hover:transform hover:scale-105 active:scale-95 shadow-md hover:shadow-lg}.loading{animation:spin 1s cubic-bezier(.22,.61,.36,1) infinite}@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}.mobile-menu-enter{opacity:0;transform:translateY(-10px)}.mobile-menu-enter-active{opacity:1;transform:translateY(0);transition:opacity .4s cubic-bezier(.22,.61,.36,1) , transform .4s cubic-bezier(.22,.61,.36,1)}.dark .glass-effect{@apply bg-gray-800/80 backdrop-blur-sm border border-gray-700}.glass-effect{@apply bg-white/80 backdrop-blur-sm border border-gray-200}.pulse-slow{animation:pulse-slow 4s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-slow {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}.float{animation:float 6s ease-in-out infinite}@keyframes float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}.delay-1000{animation-delay:1s}.gradient-animate{background-size:200% 200%;animation:gradient-animate 8s ease infinite}@keyframes gradient-animate {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}