/* Explain: App-specific layout utilities for background effects and grids. */
.hero-overlay {
    background: linear-gradient(to bottom, rgba(10, 14, 26, 0.4) 0%, rgba(10, 14, 26, 0.75) 55%, rgba(10, 14, 26, 1) 100%);
}

.page-hero-overlay {
    background: linear-gradient(to right, rgba(10, 14, 26, 0.94) 0%, rgba(10, 14, 26, 0.75) 55%, rgba(10, 14, 26, 0.55) 100%);
}

.poster-overlay {
    background: linear-gradient(120deg, rgba(26, 6, 34, 0.94) 0%, rgba(58, 6, 54, 0.72) 50%, rgba(10, 14, 26, 0.6) 100%);
}

.glow-primary {
    box-shadow: 0 0 80px 0 rgba(109, 94, 245, 0.35);
}