:root {
    --finance-navy: #002868;
    --finance-gold: #fdb913;
}

.page-hero {
    min-height: 60vh !important;
    padding-top: 140px !important;
    padding-bottom: 70px !important;
}

.page-hero::after {
    background: linear-gradient(to bottom, rgba(248, 250, 252, 0.3) 0%, rgba(15, 23, 42, 0.75) 74%),
        linear-gradient(120deg, rgba(0, 40, 104, 0.25), rgba(0, 40, 104, 0.08)) !important;
}

.hero-stats {
    margin-top: -52px !important;
}

.stat-card {
    background: rgba(255, 255, 255, 0.95) !important;
    border-color: rgba(0, 40, 104, 0.14) !important;
    box-shadow: 0 4px 20px rgba(0, 40, 104, 0.08) !important;
}

.stat-card .value,
.hero-eyebrow {
    color: var(--finance-gold) !important;
}

.section-block {
    background: rgba(255, 255, 255, 0.88) !important;
    border-color: rgba(0, 40, 104, 0.14) !important;
    box-shadow: 0 4px 20px rgba(0, 40, 104, 0.08) !important;
}

.section-title {
    color: #0f172a;
}

.panel,
.highlight-box,
.menu-column,
.timeline-item,
.track-card,
.country-card,
.story,
.member-pill,
.idea-card,
.opportunity,
.step,
.podium-spot,
.list-row,
.portal-link,
.brother-card,
.spotlight,
.mentor-card,
.kit-link {
    background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9)) !important;
    border: 1px solid rgba(0, 40, 104, 0.12) !important;
    border-radius: 14px !important;
    box-shadow: 0 2px 12px rgba(0, 40, 104, 0.06) !important;
}

.panel:hover,
.portal-link:hover,
.kit-link:hover,
.country-card:hover,
.podium-spot:hover,
.list-row:hover,
.brother-card:hover,
.track-card:hover,
.spotlight:hover {
    border-color: var(--finance-gold) !important;
    transform: translateY(-4px);
}

.menu-column h3,
.badge,
.row-rank,
.row-points,
.grad-date,
.status-chip,
.count-pill,
.opportunity .meta span,
.metric-item strong,
.timeline-item span,
.mentor-list small {
    color: var(--finance-gold) !important;
}

.btn,
button.btn {
    background: var(--finance-gold) !important;
    color: var(--finance-navy) !important;
    border: 1px solid var(--finance-gold) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
}

.btn:hover,
button.btn:hover {
    background: #ffe5a1 !important;
}

.btn-ghost {
    background: transparent !important;
    color: var(--finance-gold) !important;
}

footer {
    color: rgba(15, 23, 42, 0.55) !important;
    border-top: 1px solid rgba(0, 40, 104, 0.2) !important;
}