:root{--st:radial-gradient(1.2px 1.2px at 30px 40px,#fff,transparent 60%),radial-gradient(1px 1px at 120px 90px,#cfd6ff,transparent 60%),radial-gradient(1.5px 1.5px at 190px 150px,#fff,transparent 60%),radial-gradient(1px 1px at 70px 190px,#cfd6ff,transparent 60%);
--bg:#0A0F22;--bg2:#151B3A;--ink:#E8E9F5;--mut:#9EA3C4;--acc:#A9B4FF;--acc2:#D5D9FF;--on-acc:#0A0F22;--card:rgba(255,255,255,.06);--inp:rgba(255,255,255,.07);--line:rgba(169,180,255,.26);--r:20px;--rb:999px;--rp:999px;--sh:0 0 44px rgba(169,180,255,.14);--hf:"Cormorant Garamond",Georgia,serif;--bf:"Montserrat",system-ui,sans-serif;--veil:linear-gradient(180deg,rgba(10,15,34,.5),rgba(10,15,34,.9));--cover-btn-bg:rgba(169,180,255,.18);--cover-btn-bd:#A9B4FF;--body-bg:linear-gradient(180deg,#0A0F22,#141A3A 60%,#0A0F22);--nav-bg:rgba(10,15,34,.85)}
body::before{content:"";position:fixed;inset:0;background:var(--st);background-size:220px 220px;opacity:.75;animation:tw 5s ease-in-out infinite alternate;pointer-events:none;z-index:0}
@keyframes tw{to{opacity:.3}}
.cover-bg::before{content:"";position:absolute;inset:0;z-index:1;background:var(--st);background-size:220px 220px;animation:tw 5s ease-in-out infinite alternate}
.cover-in::before{content:"☾";display:block;font-size:2.2rem;color:var(--acc);margin-bottom:6px}
.names{font-weight:500;font-style:italic}.hero .names,.cd b{color:var(--acc2)}
.person img{border-radius:999px;width:min(100%,260px);aspect-ratio:3/4}
.btn.sec{color:var(--acc)}.qris{background:#fff}body{font-weight:300}