:root {
    --primary: #0B2545;
    --secondary: #134074;
    --accent: #EEB902;
    --bg-light: #F8FAFC;
    --text-dark: #1E293B;
    --text-muted: #64748B;
    --warning-bg: #FFF9E6;
    --warning-border: #FFE0B2;
    --warning-text: #5D4037;
    --white: #FFFFFF;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; color: var(--text-dark); background-color: var(--white); line-height: 1.6; }
.container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.text-center { text-align: center; }

/* Disclaimer */
.top-disclaimer { background-color: var(--warning-bg); border-bottom: 1px solid var(--warning-border); padding: 12px 0; color: var(--warning-text); font-size: 13px; }
.container-disclaimer { display: flex; gap: 12px; align-items: flex-start; }
.icon-disclaimer { width: 20px; height: 20px; flex-shrink: 0; color: #D32F2F; }

/* Header */
.main-header { background-color: var(--white); box-shadow: 0 2px 10px rgba(0,0,0,0.05); position: sticky; top: 0; z-index: 100; padding: 15px 0; }
.header-flex { display: flex; justify-content: space-between; align-items: center; }
.logo-brand { display: flex; align-items: center; gap: 10px; text-decoration: none; }
.logo-svg { width: 35px; height: 35px; }
.logo-text { font-size: 22px; font-weight: 700; color: var(--primary); }
.gold-text { color: var(--accent); }
.main-nav { display: flex; gap: 25px; }
.nav-link { text-decoration: none; color: var(--text-dark); font-weight: 500; }
.nav-link.active { color: var(--secondary); font-weight: 600; }

/* About Hero */
.about-hero { padding: 60px 0; background-color: #0B2545; color: var(--white); }
.about-hero h1 { font-size: 38px; margin-bottom: 15px; }
.lead-text { font-size: 18px; color: #E2E8F0; max-width: 800px; margin: 0 auto; }

/* Content Grid */
.about-content { padding: 80px 0; }
.content-grid { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 40px; align-items: center; }
.text-block h2 { font-size: 28px; color: var(--primary); margin-bottom: 20px; }
.text-block p { color: var(--text-muted); margin-bottom: 20px; font-size: 16px; }
.img-block img { width: 100%; height: auto; border-radius: 6px; box-shadow: 0 8px 24px rgba(0,0,0,0.08); }

/* Pillars */
.pillars-section { padding: 60px 0; background-color: var(--bg-light); }
.pillars-section h2 { font-size: 28px; color: var(--primary); margin-bottom: 40px; }
.pillars-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.pillar-card { background: var(--white); padding: 30px; border-radius: 6px; border-top: 4px solid var(--primary); box-shadow: 0 4px 10px rgba(0,0,0,0.02); }
.pillar-card h4 { font-size: 18px; color: var(--primary); margin-bottom: 12px; }
.pillar-card p { color: var(--text-muted); font-size: 14px; }

/* Footer */
.main-footer { background-color: #0E1726; color: #A0AEC0; padding: 60px 0 30px 0; font-size: 14px; }
.footer-disclaimer { background-color: rgba(255,255,255,0.03); padding: 20px; border-left: 3px solid var(--accent); margin-bottom: 30px; font-size: 12px; }
.footer-divider { border: none; border-top: 1px solid rgba(255,255,255,0.1); margin-bottom: 20px; }
.footer-bottom-flex { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.footer-links { display: flex; gap: 20px; }
.footer-links a { color: #A0AEC0; text-decoration: none; }
.footer-links a:hover { color: var(--white); }

@media(max-width: 768px) {
    .content-grid, .pillars-grid, .footer-bottom-flex { grid-template-columns: 1fr; flex-direction: column; }
    .header-flex { flex-direction: column; gap: 15px; }
}