.creator-program-hero {
    background:
        radial-gradient(circle at 86% 18%, rgba(45, 212, 191, 0.34), transparent 34%),
        linear-gradient(135deg, #0b1f4d 0%, #164e9c 52%, #0f766e 100%);
    color: #fff;
    border-radius: 8px;
    padding: 2.5rem;
    box-shadow: 0 16px 34px rgba(15, 46, 105, 0.2);
}

/* Theme headings set their own colour, so make the hero's contrast explicit. */
.creator-program-hero :is(h1, h2, h3, p) {
    color: #f8fbff !important;
}

.creator-program-hero h1 {
    max-width: 22ch;
    text-shadow: 0 2px 12px rgba(4, 20, 52, 0.48);
}

.creator-program-hero .lead {
    color: rgba(248, 251, 255, 0.92) !important;
    max-width: 62ch;
}

.creator-step {
    border: 1px solid var(--border-color, #dee2e6);
    border-radius: 8px;
    padding: 1rem;
    height: 100%;
    background: var(--card-bg, #fff);
}

.creator-step i {
    color: #2563eb;
}

.creator-program-card {
    border-radius: 8px;
}

.creator-requirements-list li {
    margin-bottom: 0.6rem;
}

@media (max-width: 575.98px) {
    .creator-program-hero {
        padding: 1.5rem;
    }
}