:root{--brand:#1143b6;--brand-dark:#0c3083;--brand-light:#dbeafe;--light-ink:#0f1623;--ink:var(--light-ink);--ink-soft:#3d4a5c;--ink-mute:#7a8898;--light-surface:#f7f8fa;--surface:var(--light-surface);--white:#ffffff;--green:#059669;--green-light:#d1fae5;--light-amber:#d97706;--amber:var(--light-amber);--amber-light:#fef3c7;--light-red:#dc2626;--red:var(--light-red);--red-light:#fee2e2;--violet:#7c3aed;--violet-light:#ede9fe;--border:#e2e8f0;--brand-rgb:17, 67, 182;--brand-dark-rgb:12, 48, 131;--brand-light-rgb:219, 234, 254;--ink-rgb:15, 22, 35;--ink-soft-rgb:61, 74, 92;--ink-mute-rgb:122, 136, 152;--surface-rgb:247, 248, 250;--white-rgb:255, 255, 255;--green-rgb:5, 150, 105;--green-light-rgb:209, 250, 229;--amber-rgb:217, 119, 6;--amber-light-rgb:254, 243, 199;--red-rgb:220, 38, 38;--red-light-rgb:254, 226, 226;--violet-rgb:124, 58, 237;--violet-light-rgb:237, 233, 254;--border-rgb:226, 232, 240;--shadow-sm:0 1px 3px rgba(15, 22, 35, 0.08);--shadow-md:0 4px 16px rgba(15, 22, 35, 0.1);--shadow-lg:0 12px 40px rgba(15, 22, 35, 0.13);--radius-sm:8px;--radius:12px;--radius-lg:20px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--sp:80px;--font-body:'DM Sans', Arial, sans-serif;--font-display:'DM Serif Display', Georgia, serif;--container-width:1220px;--whatsapp:#25d366;--whatsapp-dark:#128c7e;--whatsapp-paper:#e5ddd5;--whatsapp-bubble:#dcf8c6;--night-bg:#0a1120;--night-surface:#121c36;--night-ink:#e8ecf8;--night-muted:#9aa6c6;--night-line:#27345c;--night-primary:#7da2f7;--night-teal:#36cdb2;--night-teal-soft:#0f3a3a;--night-red:#f08080;--night-red-soft:#3a1b26;--night-amber:#f0b44c}@media (max-width:768px){:root{--sp:48px}}.utility-quiz{--bg:var(--light-surface);--muted:var(--ink-soft);--line:var(--border);--primary:var(--brand);--on-primary:var(--white);--ink:var(--light-ink);--surface:var(--light-surface);--red:var(--light-red);--amber:var(--light-amber)}.btn.btn-primary{--bs-btn-bg:var(--brand);--bs-btn-border-color:var(--brand);background-color:var(--brand);border-color:var(--brand);color:var(--white)}.btn.btn-primary:focus,.btn.btn-primary:hover{--bs-btn-hover-bg:var(--brand-dark);background-color:var(--brand-dark);border-color:var(--brand-dark);color:var(--white)}body .text-primary{color:var(--brand)!important}body .bg-primary{background-color:var(--brand)!important}