/*================================
HERO UNIVERSAL GLOW EFFECT FIX30
=================================*/
.cs-hero {
  position: relative;
  padding: 2rem;
  border-radius: 20px;
  margin-bottom: 2rem;
 
  background: radial-gradient(circle at top, rgba(245,179,1,0.15), transparent);

  box-shadow: 0 20px 40px rgba(157,77,255,.6);
  animation: heroGlowPulse 6s ease-in-out infinite; 
}

/* Push content down 
.cs-dashboard-main {
    margin-top: 60px; /* match header height 
    padding: 20px;
} 

/* =========================
CSX HERO V3 (CORE)
========================= */

.csx-hero {
    position:relative;
    width:100%;
    min-height:420px;
    overflow:hidden;
    color:#fff;
    font-family:system-ui;

}

/* BG */

.csx-hero__bg {
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    transform:scale(1.05);
    z-index:1;
}

.csx-hero__overlay {
    position:absolute;
    inset:0;
    background:linear-gradient(
        to top,
        rgba(0,0,0,.75),
        rgba(0,0,0,.25)
    );
    z-index:2;
}