body { font-family: 'Nunito', sans-serif; }
h1, h2, h3, .font-display { font-family: 'Baloo 2', 'Nunito', sans-serif; }

.hero-bg {
  background: radial-gradient(circle at 15% 20%, rgba(255, 219, 88, 0.35), transparent 45%),
              radial-gradient(circle at 85% 10%, rgba(237, 28, 36, 0.15), transparent 40%),
              radial-gradient(circle at 50% 90%, rgba(41, 128, 217, 0.15), transparent 45%),
              #fffdf7;
}

.wave-divider {
  display: block;
  width: 100%;
  height: 60px;
}

.card-hover { transition: transform .2s ease, box-shadow .2s ease; }
.card-hover:hover { transform: translateY(-6px); box-shadow: 0 20px 35px -15px rgba(0,0,0,.2); }

.dot-pattern {
  background-image: radial-gradient(rgba(41,128,217,.15) 2px, transparent 2px);
  background-size: 18px 18px;
}

::selection { background: #FFDB58; color: #b91c1c; }

#cookie-settings-modal { backdrop-filter: blur(2px); }