/* Font */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

:root{
  --grad-red: linear-gradient(135deg, #dc2626 0%, #1e40af 100%);
  --grad-red-only: linear-gradient(135deg, #ef4444, #dc2626);
  --grad-blue-only: linear-gradient(135deg, #3b82f6, #1d4ed8);
  --grad-redblue: linear-gradient(135deg, #ef4444, #1d4ed8);
}

body{ font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }

/* Gradients & helpers */
.gradient-bg{ background: var(--grad-red); }
.bg-gradient-red{ background: var(--grad-red-only); }
.bg-gradient-blue{ background: var(--grad-blue-only); }
.bg-gradient-redblue{ background: var(--grad-redblue); }

/* Buttons */
.btn-pink{ background:#d63384; color:#fff; }
.btn-pink:hover{ background:#b42b6f; color:#fff; }

/* Cards */
.card-hover{ transition: all .3s ease; border-radius: 1rem; }
.card-hover:hover{ transform: translateY(-5px); box-shadow: 0 20px 40px rgba(0,0,0,.1); }

/* Nav link hover */
.nav-link-animated{ transition: all .25s ease; }
.nav-link-animated:hover{ color:#fbbf24 !important; transform: translateY(-2px); }

/* Hero animation */
.hero-animation{ animation: fadeInUp 1s ease-out; }
@keyframes fadeInUp{
  from{ opacity:0; transform: translateY(30px); }
  to{ opacity:1; transform: translateY(0); }
}

/* Pulse */
.pulse-animation{ animation: pulse 2s infinite; }
@keyframes pulse{
  0%,100%{ transform: scale(1); }
  50%{ transform: scale(1.05); }
}

/* Section spacing (Bootstrap already good; keep extras if needed) */
.py-md-6{ padding-top:4.5rem; padding-bottom:4.5rem; }

/* Active link color in navbar when scrolling */
.navbar .nav-link.active{ color:#fbbf24 !important; }