:root{--s:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cg fill='none' stroke='%23D2AC55' stroke-opacity='.15' stroke-width='1.1'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Crect x='22' y='22' width='36' height='36' transform='rotate(45 40 40)'/%3E%3Ccircle cx='40' cy='40' r='5'/%3E%3C/g%3E%3C/svg%3E");
--bg:#0F3B33;--bg2:#0A2B25;--ink:#F3ECD8;--mut:#B9C9BF;--acc:#D2AC55;--acc2:#EBD18E;--on-acc:#0F3B33;--card:rgba(255,255,255,.06);--inp:rgba(255,255,255,.08);--line:rgba(210,172,85,.36);--r:18px;--rb:999px;--rp:999px 999px 14px 14px;--pb:2px solid #D2AC55;--arch:999px 999px 0 0;--arch-bd:3px solid #D2AC55;--sh:0 18px 40px rgba(0,0,0,.3);--hf:"Amiri",Georgia,serif;--bf:"Plus Jakarta Sans",system-ui,sans-serif;--cover-btn-bg:#D2AC55;--cover-btn-bd:#D2AC55;--cover-btn-ink:#0F3B33;--body-bg:var(--s),#0F3B33;--nav-bg:rgba(10,43,37,.9)}
.cover-bg{background:var(--s),radial-gradient(circle at 50% 30%,#17564A,#0A2B25)!important}
.names{font-weight:700}.hero .names,.cd b{color:var(--acc2)}
.cover .cover-arch{box-shadow:0 0 0 8px #0F3B33,0 0 0 10px rgba(210,172,85,.6),0 20px 40px rgba(0,0,0,.35)}
.bism{font-size:clamp(2rem,8vw,2.8rem);color:var(--acc2)}
.btn.sec{color:var(--acc)}.ev{border-radius:18px 18px 80px 80px / 18px 18px 40px 40px;padding-bottom:36px}
.qris{background:#fff}