@layer utilities {
    .content-auto {
        content-visibility: auto;
    }
    .text-gradient {
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .bg-particle {
        position: relative;
        overflow: hidden;
    }
    .glow {
        filter: drop-shadow(0 0 8px rgba(212, 175, 55, 0.6));
    }
    .hover-scale {
        transition: transform 0.3s ease;
    }
    .hover-scale:hover {
        transform: scale(1.03);
    }
    .btn-pulse {
        animation: pulse 2s infinite;
    }
    @keyframes pulse {
        0% {
            box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.7);
        }
        70% {
            box-shadow: 0 0 0 10px rgba(212, 175, 55, 0);
        }
        100% {
            box-shadow: 0 0 0 0 rgba(212, 175, 55, 0);
        }
    }
    .float {
        animation: float 3s ease-in-out infinite;
    }
    @keyframes float {
        0% {
            transform: translateY(0px);
        }
        50% {
            transform: translateY(-10px);
        }
        100% {
            transform: translateY(0px);
        }
    }
    .gold-glow {
        box-shadow: 0 0 15px rgba(212, 175, 55, 0.7);
    }
    .gold-gradient-border {
        position: relative;
        border-radius: 0.5rem;
    }
    .gold-gradient-border::before {
        content: "";
        position: absolute;
        inset: -2px;
        border-radius: 0.7rem;
        background: linear-gradient(45deg, #D4AF37, #FFD700, #D4AF37);
        z-index: -1;
        animation: rotate 6s linear infinite;
    }
    @keyframes rotate {
        0% {
            filter: hue-rotate(0deg);
        }
        100% {
            filter: hue-rotate(360deg);
        }
    }
    .card-expand {
        transition: all 0.3s ease;
    }
    .card-expand:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 25px -5px rgba(212, 175, 55, 0.1), 0 10px 10px -5px rgba(212, 175, 55, 0.04);
    }
    .star-rating {
        color: #D4AF37;
    }
    .expert-card {
        transition: all 0.3s ease;
    }
    .expert-card:hover {
        transform: translateY(-5px);
    }
    .stock-card {
        transition: all 0.3s ease;
    }
    .stock-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 0 15px rgba(212, 175, 55, 0.3);
    }
    .seminar-card {
        transition: all 0.3s ease;
    }
    .seminar-card:hover {
        transform: translateY(-5px);
    }
    .resource-card {
        transition: all 0.3s ease;
    }
    .resource-card:hover {
        transform: translateY(-5px);
    }
}