/* Custom small styles */
    
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .animate-fadeInUp {
            animation: fadeInUp 1s ease-out forwards;
        }
        
        .gradient-text {
            background: linear-gradient(135deg, #0077C8 0%, #005A9E 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        
        .card-hover {
            transition: all 0.3s ease;
        }
        
        .card-hover:hover {
            transform: translateY(-10px);
            box-shadow: 0 25px 50px -12px rgba(0, 119, 200, 0.25);
        }
        
      .hero-bg{
        background: linear-gradient(120deg, rgba(0,119,200,0.06), rgba(2,132,199,0.03));
      }
      .circuit-pattern{
        background-image: radial-gradient(circle at 20% 20%, rgba(0,119,200,0.06), transparent 10%),
                          linear-gradient(135deg, rgba(0,119,200,0.03) 10%, transparent 10%);
        background-size: 400px 400px, 200px 200px;
      }
      .price-old{
        text-decoration: line-through;
        opacity: .6;
      }
        .card-hover {
            transition: all 0.3s ease;
        }
        
        .card-hover:hover {
            transform: translateY(-10px);
            box-shadow: 0 25px 50px -12px rgba(0, 119, 200, 0.25);
        }

      /* Simple fade-in */
      .reveal{opacity:0; transform: translateY(10px); transition:all .6s ease-out}
      .reveal.visible{opacity:1; transform:none}
      .badge{background:linear-gradient(90deg,#06b6d4,#0ea5e9); color:white}