@layer utilities {
            .btn-gradient-1 {
                background: linear-gradient(135deg, #7B61FF 0%, #5A3FE8 100%);
            }
            .btn-gradient-2 {
                background: linear-gradient(135deg, #722ED1 0%, #531DAB 100%);
            }
            .btn-gradient-3 {
                background: linear-gradient(135deg, #EB2F96 0%, #C41E78 100%);
            }
            .btn-gradient-4 {
                background: linear-gradient(135deg, #13C2C2 0%, #0E9A9A 100%);
            }
            .btn-gradient-5 {
                background: linear-gradient(135deg, #FAAD14 0%, #E09510 100%);
            }
            .btn-text-shadow {
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            }
            .glass-effect {
                background: rgba(255, 255, 255, 0.1);
                backdrop-filter: blur(10px);
                border: 1px solid rgba(255, 255, 255, 0.2);
            }
        }
        
        body {
            font-family: 'Inter', system-ui, sans-serif;
            overflow-x: hidden;
        }
        
        .btn {
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
              
        }
        
        .btn::after {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
            transition: all 0.6s ease;
        }
        
        .btn:hover::after {
            left: 100%;
        }
        
        .btn:hover {
            transform: translateY(-3px);
            box-shadow: var(--tw-shadow-btn-hover);
        }
        
        .btn:active {
            transform: translateY(1px);
        }
        

        
        .slide-in {
            opacity: 0;
            transform: translateY(20px);
            transition: all 0.6s ease;
        }
        
        .slide-in.active {
            opacity: 1;
            transform: translateY(0);
        }