html, body { height: 100%; }
body { box-sizing: border-box; }
    .animate-pulse-slow { animation: pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
    .animate-bounce-gentle { animation: bounce-gentle 2s ease-in-out infinite; }
    @keyframes bounce-gentle {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-5px); }
    }
    .bug-pattern {
      background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%234A7C59' fill-opacity='0.05'%3E%3Cpath d='M30 30c0-5.5 4.5-10 10-10s10 4.5 10 10-4.5 10-10 10-10-4.5-10-10zm-20 0c0-5.5 4.5-10 10-10s10 4.5 10 10-4.5 10-10 10-10-4.5-10-10z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
    .gradient-overlay {
      background: linear-gradient(135deg, rgba(74, 55, 40, 0.95) 0%, rgba(74, 124, 89, 0.9) 100%);      
      }
    .hp-banner-bg {
      background-image: url(../images/hp-banner.png);
      background-size: cover;
      background-position: left top;
      background-repeat: no-repeat;
    }
    .scroll-container { overflow-y: auto; padding-bottom: 80px; }
    @media (min-width: 768px){
      .md\:py-24{padding-top:3rem!important;}
    }