:root{--color-primary:#234476;--color-primary-hover:#1a345b;--color-primary-soft:#e8eef6;--color-primary-contrast:#fff;--color-accent:#2b9473;--color-accent-soft:#e6f4ef;--color-success:#1c7a5d;--color-success-soft:#e6f4ef;--color-warning:#a35200;--color-warning-strong:#f59e0b;--color-warning-soft:#fef3dc;--color-danger:#b93424;--color-danger-soft:#fce9e6;--color-info:#1763a6;--color-info-soft:#e4f0fb;--color-purple:#6b3fa0;--color-purple-soft:#f0e9f8;--color-orange:#b3440b;--color-orange-soft:#fde8dc;--color-bg:#fff;--color-surface:#fff;--color-surface-2:#f5f8fb;--color-border:#e1e7ef;--color-border-strong:#c5cfdb;--color-text:#17233a;--color-text-muted:#55627a;--color-text-subtle:#7c889c;--color-overlay:#0f17228c;--color-wa:#1fa855;--color-wa-hover:#188c46;--font-body:var(--font-inter), system-ui, -apple-system, "Segoe UI", sans-serif;--font-heading:var(--font-jakarta), var(--font-inter), system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fs-12:.75rem;--fs-14:.875rem;--fs-16:1rem;--fs-20:1.25rem;--fs-24:1.5rem;--fs-32:2rem;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--grad-navy:#2344761f;--grad-hijau:#2b94731f;--grad-dasar-atas:#f2f6fb;--grad-dasar-bawah:#f5f8f7;--grad-kartu:linear-gradient(135deg, #fff 0%, #f4f8fc 55%, #eef7f3 100%);--kaca:#ffffffd1;--shadow-1:0 1px 2px #1018280d, 0 1px 3px #10182812;--shadow-2:0 6px 16px #1018281a, 0 2px 6px #1018280f;--focus-ring:0 0 0 3px #23447659;--touch:44px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-bg);min-height:100dvh;color:var(--color-text);font-family:var(--font-body);font-size:var(--fs-14);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1,h2,h3,h4{font-family:var(--font-heading);margin:0;font-weight:700;line-height:1.25}p{margin:0}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img,svg{max-width:100%;display:block}ul,ol{margin:0;padding:0;list-style:none}:focus-visible{box-shadow:var(--focus-ring);border-radius:4px;outline:none}code,kbd{font-family:var(--font-mono);font-size:.92em}@page{margin:0}@media print{body{background:#fff}.no-print{display:none!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}