:root{--primary: #E63946;--secondary: #1D3557;--accent: #457B9D;--bg-light: #F6F5F2;--surface: #FFFFFF;--text-main: #2B2D42;--text-muted: #6C757D;--border-color: #E9ECF1;--border-radius: 24px;--transition: all .4s cubic-bezier(.175, .885, .32, 1.275)}html.theme-patriot{--primary: #0284C7;--secondary: #0F172A;--accent: #38BDF8;--bg-light: #F0F9FF;--surface: #FFFFFF;--text-main: #0F172A;--text-muted: #475569;--border-color: #DBEAFE}html.theme-tokoh{--primary: #F59E0B;--secondary: #F8FAFC;--accent: #D97706;--bg-light: #0F172A;--surface: #1E293B;--text-main: #F8FAFC;--text-muted: #94A3B8;--border-color: #334155}html.dark-mode:not(.theme-tokoh){--bg-light: #0F172A;--surface: #1E293B;--text-main: #F8FAFC;--text-muted: #94A3B8;--secondary: #F8FAFC;--border-color: #334155}body{font-family:Outfit,sans-serif;background-color:var(--bg-light);color:var(--text-main);overflow-x:hidden;transition:background-color .4s,color .4s}@media (max-width: 768px){body{padding-bottom:70px}}.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.reveal.active{opacity:1;transform:translateY(0)}.card-civic{background:var(--surface);border:1px solid var(--border-color);border-radius:20px;transition:var(--transition)}.card-civic:hover{border-color:var(--primary);box-shadow:0 8px 30px #00000014;transform:translateY(-3px)}.badge-pangkat{background:#e639461a;color:var(--primary);border-radius:999px;padding:6px 14px;font-weight:600;font-size:.85rem;display:inline-flex;align-items:center;gap:6px}.materi-konten{color:var(--text-main);line-height:1.8}.materi-konten a{color:var(--primary)}.materi-konten img{max-width:100%;border-radius:10px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}