body {
            box-sizing: border-box;
        }
        
        .funky-text {
            font-family: 'Bangers', cursive;
            text-shadow: 0 0 20px #ff6f3c;
        }
        
        .neon-glow {
            box-shadow: 0 0 20px rgba(255, 111, 60, 0.5);
        }
        
        .cyan-glow {
            box-shadow: 0 0 20px rgba(0, 255, 224, 0.5);
        }
        
        .floating {
            animation: float 3s ease-in-out infinite;
        }
        
        @keyframes float {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-10px); }
        }
        
        .pulse-neon {
            animation: pulseNeon 2s ease-in-out infinite;
        }
        
        @keyframes pulseNeon {
            0%, 100% { box-shadow: 0 0 20px rgba(255, 111, 60, 0.5); }
            50% { box-shadow: 0 0 40px rgba(255, 111, 60, 0.8); }
        }
        
        .card-flip {
            perspective: 1000px;
        }
        
        .card-inner {
            transition: transform 0.6s;
            transform-style: preserve-3d;
        }
        
        .card-flip:hover .card-inner {
            transform: rotateY(180deg);
        }
        
        .card-front, .card-back {
            backface-visibility: hidden;
        }
        
        .card-back {
            transform: rotateY(180deg);
        }
        
        .tilt-hover {
            transition: transform 0.3s ease;
        }
        
        .tilt-hover:hover {
            transform: rotate(2deg) scale(1.05);
        }
        
        .bounce-hover {
            transition: transform 0.3s ease;
        }
        
        .bounce-hover:hover {
            transform: translateY(-5px);
            animation: bounce 0.5s ease;
        }
        
        @keyframes bounce {
            0%, 20%, 50%, 80%, 100% { transform: translateY(-5px); }
            40% { transform: translateY(-10px); }
            60% { transform: translateY(-7px); }
        }
        
        .slide-in-left {
            transform: translateX(-100px);
            opacity: 0;
        }
        
        .slide-in-right {
            transform: translateX(100px);
            opacity: 0;
        }
        
        .hero-slider {
            background: linear-gradient(45deg, #0b1a3f, #1a2b5f);
        }
        
        .glassmorphism {
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
        }