:root {
    --navy: #0A2342;
    --delta: #0E7A4B;
    --gold: #D4AF37;
    --river: #0284C7;
    --coral: #F97316;
}

body {
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.glass-card {
    background: rgba(255, 255, 255, 0.74);
    backdrop-filter: blur(18px);
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.12);
}

.hero-overlay {
    background:
        radial-gradient(circle at top left, rgba(212, 175, 55, 0.14), transparent 28%),
        radial-gradient(circle at right center, rgba(2, 132, 199, 0.16), transparent 26%),
        linear-gradient(135deg, rgba(10, 35, 66, 0.94), rgba(10, 35, 66, 0.72), rgba(14, 122, 75, 0.76));
}

.pattern-grid {
    background-image:
        linear-gradient(rgba(255,255,255,0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.06) 1px, transparent 1px);
    background-size: 32px 32px;
}

.metric-card {
    position: relative;
    overflow: hidden;
}

.metric-card::after {
    content: "";
    position: absolute;
    inset: auto -10% -50% auto;
    width: 140px;
    height: 140px;
    background: radial-gradient(circle, rgba(212,175,55,0.22), transparent 65%);
}

.section-shell {
    max-width: 80rem;
    margin-inline: auto;
    padding-inline: 1rem;
}

.table-shell table {
    width: 100%;
}