/* Sponsors-page presentation. Shared shell styles live in ../../shared/page.css. */
.sponsors-hero {
    min-height: 46rem;
    display: grid;
    align-items: center;
    background: radial-gradient(circle at 75% 35%, rgba(59, 130, 246, 0.2), transparent 28rem), linear-gradient(135deg, rgba(3, 7, 18, 0.2), rgba(3, 7, 18, 0.9));
}

.section-title { max-width: 52rem; margin-top: 0.75rem; }
.feature-card { min-height: 15rem; }
.feature-number { color: var(--pc-color-primary-400); font-family: var(--pc-font-display); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.15em; }
.feature-card h3, .advantages-list h3 { margin-top: 1.5rem; color: #fff; font-family: "Chakra Petch", sans-serif; font-size: 1.25rem; font-weight: 700; }
.feature-card p, .advantages-list p { margin-top: 0.75rem; color: #cbd5e1; line-height: 1.75; }
.feature-card a, .advantages-list a { color: var(--pc-color-primary-400); text-decoration: underline; text-decoration-color: rgba(96, 165, 250, 0.45); text-underline-offset: 0.2em; }
.feature-card a:hover, .advantages-list a:hover { color: var(--pc-color-secondary-400); }
.feature-card a:focus-visible, .advantages-list a:focus-visible { outline: 2px solid var(--pc-color-primary-400); outline-offset: 3px; }
.advantages-list { display: grid; gap: 0.75rem; }
.advantages-list li { display: grid; grid-template-columns: auto 1fr; gap: 1.25rem; padding: 1.5rem; background: color-mix(in srgb, var(--pc-color-surface-strong) 38%, transparent); }
.advantages-list h3 { margin-top: 0; }
.advantage-marker { width: 0.7rem; height: 0.7rem; margin-top: 0.5rem; border: 2px solid var(--pc-color-primary-400); transform: rotate(45deg); }
.contact-panel { padding: clamp(1.5rem, 4vw, 2.5rem); background: var(--pc-color-surface); }
.contact-form textarea { min-height: 10rem; resize: vertical; }
.form-error, .field-error { color: #fca5a5; font-family: var(--pc-font-display); font-size: 0.8rem; }
.form-error:not(:empty) { margin-bottom: 1.5rem; padding: 0.75rem; background: rgba(239, 68, 68, 0.1); border: 1px solid rgba(239, 68, 68, 0.3); text-align: center; }

@media (max-width: 640px) {
    .sponsors-hero { min-height: 42rem; }
    .feature-card { min-height: auto; }
}