/* Sponsors page specific styles */

.sponsors-hero {
    max-width: 1100px;
    margin: 0 auto;
    padding: 40px 16px 10px 16px;
}

.sponsors-title {
    font-size: 56px;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #fafafa;
}

.sponsors-sub {
    margin-top: 10px;
    color: #9ca3af;
}

.section {
    max-width: 1100px;
    margin: 16px auto 32px auto;
    padding: 0 16px;
}

.section-title {
    font-size: 28px;
    font-weight: 800;
    color: #ffffff;
    margin: 16px 0 14px 0;
}

.logo-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 18px;
}

.logo-card {
    background: #0f0f10;
    border: 1px solid #262626;
    border-radius: 16px;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9ca3af;
    font-weight: 800;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

.callout {
    background: #111111;
    border: 1px solid #262626;
    border-top: 3px solid #00e5ff;
    border-radius: 16px;
    padding: 22px;
    color: #d1d5db;
}

.callout h3 {
    color: #ffffff;
    font-size: 26px;
    margin-bottom: 10px;
}

.callout a {
    color: #00e5ff;
    font-weight: 700;
}