/* ===================================
   AMBIENT GLOW SYSTEM (SUNBURST)
   =================================== */

/* Base Glow Style */
.ambient-glow {
    position: absolute;
    width: 800px;
    height: 800px;
    background: radial-gradient(circle, rgba(250, 204, 21, 0.45) 0%, rgba(250, 204, 21, 0.15) 40%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
    filter: blur(100px);
    opacity: 0.6;
    mix-blend-mode: screen;
    /* Helps blend nicely */
}

/* Variations */
.glow-top-left {
    top: -300px;
    left: -300px;
    background: radial-gradient(circle, rgba(250, 204, 21, 0.35) 0%, rgba(250, 204, 21, 0.1) 50%, transparent 70%);
}

.glow-bottom-right {
    bottom: -300px;
    right: -300px;
    background: radial-gradient(circle, rgba(250, 204, 21, 0.35) 0%, rgba(250, 204, 21, 0.1) 50%, transparent 70%);
}

.glow-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1000px;
    height: 1000px;
    background: radial-gradient(circle, rgba(250, 204, 21, 0.25) 0%, rgba(250, 204, 21, 0.05) 60%, transparent 75%);
}

/* Specific Tweak for Spotlight Card */
.glow-card-back {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 600px;
    height: 600px;
    opacity: 0.4;
    z-index: -1;
}

/* Floating Animation */
.glow-floating {
    animation: glowFloat 15s ease-in-out infinite;
}

@keyframes glowFloat {

    0%,
    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.6;
    }

    50% {
        transform: translate(-50%, -50%) scale(1.1);
        opacity: 0.8;
    }
}

/* Ensure sections can hold absolute glows */
.features,
.spotlight-section,
.ugc-section,
.hero {
    position: relative;
    overflow: hidden;
    /* Prevent scrollbars */
}

/* Bring content above glow */
.container,
.spotlight-cont,
.hero-content {
    position: relative;
    z-index: 2;
}