/* Hero Banner matching the site style */
.courses-hero {
    position: relative;
    padding: 1rem;
    background: linear-gradient(135deg, rgba(1, 6, 28, 0.95) 0%, rgba(2, 12, 45, 0.9) 100%);
    text-align: center;
    border-bottom: 1px solid rgba(0, 246, 254, 0.2);
}

.courses-hero h1 {
    color: #fff;
    font-size: 3rem;
    margin-bottom: 1rem;
}

.courses-hero h1 span {
    color: #00f6fe;
}

.courses-hero p {
    color: #a1a8c0;
    max-width: 600px;
    margin: 0 auto;
    font-size: 1.1rem;
}

/* Make sure the courses grid doesn't have a huge top margin on this page */
.courses-page-wrapper {
    padding: 4rem 0;
    background: #01061c;
}