/* ===== GLOBAL STYLES ===== */
:root {
  --primary-blue: #0056A7;      /* গাঢ় নীল */
  --md-blue: #edf6ff;
  --accent-gold: orange;       /* গোল্ড অ্যাকসেন্ট */
  --light-bg: #ffffff;
  --off-white: #F8F9FA;
  --card-bg: #FFFFFF;
  --text-dark: #1E1E1E;
  --text-muted: #5A5A5A;
  --border-light: #E0E0E0;
  --shadow-sm: 0 4px 12px rgba(0,0,0,0.05);
  --shadow-md: 0 8px 24px rgba(0,0,0,0.08);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

html {
  scroll-behavior: smooth;
  background-color: var(--light-bg);
}

body {
  font-family: 'Inter', sans-serif;
  background-color: var(--light-bg);
  color: var(--text-dark);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}





h1, h2, h3, h4 {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 700;
}

img {
  max-width: 100%;
  display: block;
}

/* অ্যানিমেশন (পেজ লোডে) */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(40px); }
  to { opacity: 1; transform: translateY(0); }
}
.animate-on-load {
  animation: fadeInUp 0.8s ease forwards;
}
.delay-1 { animation-delay: 0.2s; opacity: 0; }
.delay-2 { animation-delay: 0.4s; opacity: 0; }
.delay-3 { animation-delay: 0.6s; opacity: 0; }
.delay-4 { animation-delay: 0.8s; opacity: 0; }
.delay-5 { animation-delay: 1.0s; opacity: 0; }
.delay-6 { animation-delay: 1.5s; opacity: 0; }