body {
      /* background: url('../images/hive-bg.svg') #fff7e6 repeat fixed;; */
      background-color: #e2e8f0;
      background-size: 10%;
      background-position: fixed;
      -webkit-user-select: none;
      -webkit-touch-callout: none;
    }


    
    /* Disable double-tap zoom */
    button, a, img {
      touch-action: manipulation;
    }

    .gradient-accent {
        background: linear-gradient(135deg, #198754 0%, #fec106 100%);
    }

    .courgette-regular {
      font-family: "Courgette", cursive;
      font-weight: 400;
      font-style: normal;
    }

    .text-shadow {
         text-shadow: 1px 4px 4px #000;
    }

    @keyframes leftLine {
    0%   { transform: translateX(20px); opacity:1; }
    50%  { transform: translateX(260px); opacity:1; }
    100% { transform: translateX(20px); opacity:1; }
    }

    .animate-left-line {
      animation: leftLine 1.8s ease-in-out infinite;
    }

    @keyframes float {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-12px); }
    }

    @keyframes scaleIn {
      0% { transform: scale(0.8); opacity: 0; }
      100% { transform: scale(1); opacity: 1; }
    }

    @keyframes buttonClick {
      0% { transform: scale(1); }
      50% { transform: scale(0.92); }
      100% { transform: scale(1); }
    }

    .btn-click {
      animation: buttonClick 0.25s ease-out;
    }

    .animate-float {
      animation: float 2s ease-in-out infinite;
    }

    .animate-scale-in {
      animation: scaleIn 0.6s ease-out forwards;
    }


    .cloud {
      opacity: 1;
      animation: cloudFloat 6s ease-in-out infinite alternate,
                cloudFade 3s ease-in-out infinite;
    }

    .cloud-slow { animation-duration: 18s, 8s; }
    .cloud-medium { animation-duration: 14s, 6s; }
    .cloud-fast { animation-duration: 8s, 4s; }

    @keyframes cloudFloat {
      from { transform: translateX(-30px); }
      to   { transform: translateX(30px); }
    }

    /* LOADER FADE */
      #pageLoader {
        transition: opacity 0.6s ease, visibility 0.6s ease;
      }

      #pageLoader.hide {
        opacity: 0;
        visibility: hidden;
      }

  .header-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 50;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  }

  .logo-small {
    height: 2rem !important;
  }

  .icon-small {
    height: 2rem !important;
  }

  .gradient-green {
    background: linear-gradient(135deg, #198754 0%, #20c997 100%);
  }

  .bg-green-custom { background-color: #198754; }
  .text-green-custom { color: #198754; }
  .border-green-custom { border-color: #198754; }