body {
    color: #e5e7eb;
    background:
    /* Stadium floodlights left */
    radial-gradient(circle at 20% 0%, rgba(255,255,255,0.12), transparent 60%),
    /* Stadium floodlights right */
    radial-gradient(circle at 80% 0%, rgba(255,255,255,0.1), transparent 60%),
    /* Deep night gradient */
    linear-gradient(180deg, rgba(5,15,35,1), rgba(3,10,22,1));
    background-attachment: fixed;
    background-repeat: no-repeat;
}

    /* Centre circle + halfway line only */
    body::before {
        content: "";
        position: fixed;
        inset: 0;
        pointer-events: none;
        background:
        /* Centre circle */
        radial-gradient(circle, transparent 0, transparent 148px, rgba(255,255,255,0.06) 150px, transparent 152px) center center / 300px 300px no-repeat,
        /* Halfway line */
        linear-gradient(rgba(255,255,255,0.06), rgba(255,255,255,0.06)) center center / 100% 2px no-repeat;
    }


.hero-gradient {
    position: relative;
    background: linear-gradient( 135deg, #1e3a8a 0%, /* deep indigo */
    #0f172a 100% /* same as page background */
    );
    overflow: hidden;
    padding-bottom: 6rem;
}
    .hero-gradient::after {
        content: "";
        position: absolute;
        inset: 0;
        background: radial-gradient(circle at top, rgba(255,255,255,0.15), transparent 60%);
        pointer-events: none;
    }
    .hero-gradient::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: url('/images/pitch-texture.png');
        background-size: cover;
        opacity: 0.03;
        pointer-events: none;
    }

.hero-accent {
    color: #B8FFD9; /* match elite subtitle */
    text-shadow: 0 2px 8px rgba(0,0,0,0.35);
}

.feature-card {
    background: linear-gradient(145deg, rgba(2,33,10,0.15), rgba(7,69,26,0.05)); /* soft green hint */
    border-radius: 1.75rem; /* match elite-card */
    border: 1px solid rgba(255,255,255,0.08);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

    .feature-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 10px 30px rgba(0,0,0,0.25);
    }

.feature-surface {
    background: rgba(2,33,10,0.15); /* subtle green layer */
    border-radius: 24px;
    backdrop-filter: blur(10px);
    box-shadow: 0 20px 40px rgba(0,0,0,.35);
}
.section-highlight {
    background: rgba(2,33,10,0.08); /* subtle green glow */
    border-radius: 1.5rem;
}
.clean-list {
    background: rgba(255,255,255,0.12);
    border-radius: 18px;
    backdrop-filter: blur(8px);
}

    .clean-list .list-group-item + .list-group-item {
        border-top: 1px solid rgba(255,255,255,0.08);
    }

    /* Fix list-group readability inside clean-list */
    .clean-list .list-group-item {
        background: transparent; /* let parent show through */
        color: #e5e7eb; /* readable light text */
        border: none;
    }

        .clean-list .list-group-item i {
            color: #B8FFD9; /* match elite green */
            vertical-align: middle;
        }

.btn-outline-light {
    opacity: 0.85;
}
@media (max-width: 768px) {
    .hero-gradient {
        padding-bottom: 3rem;
    }

        .hero-gradient h1 {
            font-size: 2.2rem;
        }
}