/* Brick & Click Shared Styles */
body {
    color: #222222;
    -webkit-font-smoothing: antialiased;
}
.hero-pattern {
    background-color: #F5F6F8;
    background-image: radial-gradient(#1F3C88 0.5px, transparent 0.5px);
    background-size: 24px 24px;
    opacity: 0.5;
}
.fade-in-up {
    animation: fadeInUp 0.8s ease-out forwards;
    opacity: 0;
    transform: translateY(20px);
}
@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.delay-100 { animation-delay: 0.1s; }
.delay-200 { animation-delay: 0.2s; }
.delay-300 { animation-delay: 0.3s; }

/* Glowing animated blobs for hero section background */
.hero-blobs-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  /* fallback for browsers that support filter on canvas */
  filter: blur(0.5px) saturate(1.2);
  opacity: 0.95;
  transition: opacity 0.5s;
}

/* Stronger black outline for white text utility */
.text-outline-black {
  text-shadow:
    -2px -2px 0 #000,
     2px -2px 0 #000,
    -2px  2px 0 #000,
     2px  2px 0 #000,
    0px  2px 0 #000,
    2px  0px 0 #000,
    0px -2px 0 #000,
    -2px  0px 0 #000;
}