/* Danada Finance Custom Styles */
:root {
  --background: 0 0% 100%;
  --foreground: 215 30% 15%;
  --card: 0 0% 100%;
  --card-foreground: 215 30% 15%;
  --popover: 0 0% 100%;
  --popover-foreground: 215 30% 15%;
  --primary: 215 78% 26%;
  --primary-foreground: 0 0% 100%;
  --secondary: 42 95% 55%;
  --secondary-foreground: 215 30% 15%;
  --muted: 210 20% 96%;
  --muted-foreground: 215 12% 48%;
  --accent: 42 95% 55%;
  --accent-foreground: 215 30% 15%;
  --destructive: 0 84.2% 60.2%;
  --destructive-foreground: 0 0% 98%;
  --border: 210 18% 90%;
  --input: 210 18% 90%;
  --ring: 215 78% 26%;
  --radius: 0.75rem;
}

body {
  font-family: 'Inter', sans-serif;
  scroll-behavior: smooth;
}

.font-heading {
  font-family: 'Poppins', sans-serif;
}

/* Animations */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(40px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes fadeInDown {
  from { opacity: 0; transform: translateY(-20px); }
  to { opacity: 1; transform: translateY(0); }
}

@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 float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}

@keyframes pulse-ring {
  0% { transform: scale(1); opacity: 0.6; }
  100% { transform: scale(1.5); opacity: 0; }
}

@keyframes danabot-bounce {
  0%, 100% { transform: scale(1) rotate(0deg); }
  25% { transform: scale(1.1) rotate(-5deg); }
  50% { transform: scale(1) rotate(0deg); }
  75% { transform: scale(1.1) rotate(5deg); }
}

@keyframes danabot-wave {
  0% { transform: rotate(0deg); }
  10% { transform: rotate(14deg); }
  20% { transform: rotate(-8deg); }
  30% { transform: rotate(14deg); }
  40% { transform: rotate(-4deg); }
  50% { transform: rotate(10deg); }
  60% { transform: rotate(0deg); }
  100% { transform: rotate(0deg); }
}

@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.animate-fade-in-up { animation: fadeInUp 0.7s ease-out forwards; }
.animate-fade-in-down { animation: fadeInDown 0.5s ease-out forwards; }
.animate-slide-in-left { animation: slideInLeft 0.6s ease-out forwards; }
.animate-slide-in-right { animation: slideInRight 0.6s ease-out forwards; }
.animate-float { animation: float 3s ease-in-out infinite; }
.animate-danabot-bounce { animation: danabot-bounce 2s ease-in-out infinite; }
.animate-danabot-wave { animation: danabot-wave 2.5s ease-in-out infinite; transform-origin: 70% 70%; }
.animate-pulse-ring { animation: pulse-ring 1.5s ease-out infinite; }
.animate-marquee { animation: marquee 30s linear infinite; }

.scroll-reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.scroll-reveal.visible {
  opacity: 1;
  transform: translateY(0);
}

.text-balance {
  text-wrap: balance;
}