.mc3 { background: #ffffff; color: #111827; max-width: 860px; margin: 0 auto; font-size: 16px; line-height: 1.6; } .mc3 * { box-sizing: border-box; margin: 0; padding: 0;...

.mc3 { background: #ffffff; color: #111827; max-width: 860px; margin: 0 auto; font-size: 16px; line-height: 1.6; } .mc3 * { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Inter', -apple-system, 'Segoe UI', sans-serif; } .mc3 :root { --mc-bg: #ffffff; --mc-surface: #f6f8fa; --mc-border: #e1e4e8; --mc-border-bright: #d0d7de; --mc-accent: #d0021b; --mc-gold: #c47d00; --mc-gold-bg: rgba(196,125,0,0.08); --mc-gold-border: rgba(196,125,0,0.25); --mc-navy: #0f1923; --mc-text: #111827; --mc-muted: #6b7280; --mc-blue: #1d4ed8; --mc-green: #15803d; --mc-red: #b91c1c; --mc-radius: 12px; --mc-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04); --mc-hero-bg: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%); --mc-hero-text: #ffffff; --mc-hero-secondary: #c0c0c0; --mc-vs-color: #f0a500; --mc-content-bg: #ffffff; --mc-content-text: #111827; } /* ── Hero Header...

.mc3 { background: #ffffff; color: #111827; max-width: 860px; margin: 0 auto; font-size: 16px; line-height: 1.6; } .mc3 * { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Inter', -apple-system, 'Segoe UI', sans-serif; } .mc3 :root { --mc-bg: #ffffff; --mc-surface: #f6f8fa; --mc-border: #e1e4e8; --mc-border-bright: #d0d7de; --mc-accent: #d0021b; --mc-gold: #c47d00; --mc-gold-bg: rgba(196,125,0,0.08); --mc-gold-border: rgba(196,125,0,0.25); --mc-navy: #0f1923; --mc-text: #111827; --mc-muted: #6b7280; --mc-blue: #1d4ed8; --mc-green: #15803d; --mc-red: #b91c1c; --mc-radius: 12px; --mc-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04); --mc-hero-bg: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%); --mc-hero-text: #ffffff; --mc-hero-secondary: #c0c0c0; --mc-vs-color: #f0a500; --mc-content-bg: #ffffff; --mc-content-text: #111827; } /* ── Hero Header...