:root[data-theme=dark]{--bg: #0B0500;--surface: #1C0E03;--surface-raised: #2A1606;--gold: #d49216;--amber: #E0A822;--burnt-orange: #C04010;--cream: #F2E4CC;--muted: rgba(242, 228, 204, .55);--forest-green: #2A7A4A;--live-red: #E53535;--border: rgba(212, 146, 22, .15);--border-strong: rgba(212, 146, 22, .3);--text-primary: #F2E4CC;--text-secondary: rgba(242, 228, 204, .55);--text-inverse: #0B0500;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 12px rgba(0,0,0,.5);--shadow-lg: 0 8px 32px rgba(0,0,0,.6)}:root[data-theme=light]{--bg: #F9EDD6;--surface: #F1DFB8;--surface-raised: #E8D09A;--gold: #9A6A08;--amber: #B07800;--burnt-orange: #A03000;--cream: #1C0A00;--muted: rgba(28, 10, 0, .55);--forest-green: #1A5A2A;--live-red: #CC2020;--border: rgba(154, 106, 8, .2);--border-strong: rgba(154, 106, 8, .4);--text-primary: #1C0A00;--text-secondary: rgba(28, 10, 0, .55);--text-inverse: #F9EDD6;--shadow-sm: 0 1px 3px rgba(0,0,0,.1);--shadow-md: 0 4px 12px rgba(0,0,0,.15);--shadow-lg: 0 8px 32px rgba(0,0,0,.2)}:root{--font-display: "Playfair Display", Georgia, serif;--font-ui: "DM Sans", system-ui, sans-serif;--sidebar-width: 240px;--sidebar-collapsed: 64px;--topnav-height: 64px;--font-scale: 1;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:calc(16px * var(--font-scale));scroll-behavior:smooth}body{font-family:var(--font-ui);background-color:var(--bg);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;transition:background-color var(--transition-slow),color var(--transition-slow);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);line-height:1.2}p{color:var(--text-secondary);line-height:1.7}a{color:var(--gold);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--amber)}button{font-family:var(--font-ui);cursor:pointer;border:none;outline:none;transition:all var(--transition-fast)}input,textarea,select{font-family:var(--font-ui);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}img{max-width:100%;height:auto;display:block}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.kente{height:4px;width:100%;background:repeating-linear-gradient(to right,#d49216,#d49216 25%,#c04010 25%,#c04010 50%,#2a7a4a 50%,#2a7a4a 75%,#8b0000 75%,#8b0000);background-size:80px 4px}.kente-vertical{width:4px;height:100%;background:repeating-linear-gradient(to bottom,#d49216,#d49216 25%,#c04010 25%,#c04010 50%,#2a7a4a 50%,#2a7a4a 75%,#8b0000 75%,#8b0000);background-size:4px 80px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.container{width:100%;max-width:1440px;margin:0 auto;padding:0 24px}.section-marker{color:var(--gold);margin-right:8px;font-size:.75em}@keyframes fillBar{0%{width:0%}to{width:var(--target-width)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.fade-in-up{animation:fadeInUp var(--transition-base) ease both}.btn-gold{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:var(--gold);color:var(--text-inverse);font-family:var(--font-ui);font-weight:600;font-size:.875rem;border-radius:6px;border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn-gold:hover{background:var(--amber);color:var(--text-inverse);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:transparent;color:var(--gold);font-family:var(--font-ui);font-weight:600;font-size:.875rem;border-radius:6px;border:1px solid var(--border-strong);cursor:pointer;transition:all var(--transition-fast)}.btn-outline:hover{background:var(--border);border-color:var(--gold)}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media (max-width: 1199px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.container{padding:0 16px}}