.psg-hero{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.psg-tbl{display:inline-flex;align-items:center;gap:10px;padding:10px 16px 10px 12px;border-radius:14px;border:1px solid rgba(34,217,255,.32);background:rgba(8,22,34,.72);color:var(--text,#F2FAFD);text-decoration:none;font:600 14px/1.2 var(--sans,system-ui);text-align:left;cursor:pointer;transition:border-color .15s,transform .15s,background .15s}.psg-tbl:hover{border-color:#22D9FF;background:rgba(12,32,48,.9);transform:translateY(-1px)}.psg-tbl:focus-visible{outline:2px solid #22D9FF;outline-offset:2px}.psg-tbl[aria-disabled=true]{opacity:.7;cursor:default;transform:none}.psg-tbl .psg-ik{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#071018;border:1px solid rgba(34,217,255,.4);flex:none}.psg-tbl .psg-ik svg{width:20px;height:20px}.psg-tbl small{display:block;font:500 11.5px/1.3 var(--mono,ui-monospace);color:#8FB0C4;letter-spacing:.02em;margin-top:2px}.psg-tbl.lens{border-color:rgba(255,43,214,.38)}.psg-tbl.lens:hover{border-color:#FF2BD6}.psg-tbl.lens .psg-ik{border-color:rgba(255,43,214,.5)}.psg-blok{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.psg-kartu{position:relative;overflow:hidden;border-radius:20px;padding:22px 22px 20px;border:1px solid rgba(34,217,255,.22);background:radial-gradient(120% 90% at 100% 0,rgba(34,217,255,.1),transparent 60%),rgba(9,18,28,.9);display:flex;flex-direction:column;gap:12px}.psg-kartu.lens{border-color:rgba(255,43,214,.26);background:radial-gradient(120% 90% at 100% 0,rgba(255,43,214,.1),transparent 60%),rgba(9,18,28,.9)}.psg-kartu h3{margin:0;font-size:20px;letter-spacing:-.01em}.psg-kartu .psg-sub{margin:0;color:#9DB6C6;font-size:14.5px;line-height:1.5}.psg-kartu ul{margin:0;padding:0;list-style:none;display:grid;gap:7px;font-size:14px;color:#C9DCE7}.psg-kartu li{display:flex;gap:9px;align-items:flex-start;line-height:1.45}.psg-kartu li:before{content:"";width:7px;height:7px;border-radius:2px;background:#22D9FF;margin-top:7px;flex:none;box-shadow:0 0 10px #22D9FF}.psg-kartu.lens li:before{background:#FF2BD6;box-shadow:0 0 10px #FF2BD6}.psg-kartu .psg-meta{font:500 12px/1.4 var(--mono,ui-monospace);color:#7F9BAD;letter-spacing:.03em}.psg-kartu .psg-aksi{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:auto;padding-top:4px}.psg-kartu .psg-kepala{display:flex;align-items:center;gap:12px}.psg-kartu .psg-kepala .psg-ik{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#071018;border:1px solid rgba(34,217,255,.45)}.psg-kartu.lens .psg-kepala .psg-ik{border-color:rgba(255,43,214,.5)}.psg-kartu .psg-kepala svg{width:28px;height:28px}.psg-chip{font:600 11px/1 var(--mono,ui-monospace);letter-spacing:.08em;padding:5px 8px;border-radius:999px;border:1px solid rgba(34,217,255,.4);color:#22D9FF}.psg-kartu.lens .psg-chip{border-color:rgba(255,43,214,.45);color:#FF7AE3}.psg-ket{font-size:12.5px;color:#7F9BAD}.psg-ket a{color:#9FE9FF}.psg-latar{position:fixed;inset:0;z-index:1000;background:rgba(2,6,12,.72);backdrop-filter:blur(4px);display:grid;place-items:center;padding:16px}.psg-modal{width:min(460px,100%);max-height:calc(100dvh - 32px);overflow:auto;border-radius:20px;padding:22px;background:#0A1520;border:1px solid rgba(34,217,255,.35);box-shadow:0 20px 80px rgba(0,0,0,.6)}.psg-modal h3{margin:0 0 6px;font-size:19px}.psg-modal p{margin:0 0 12px;color:#9DB6C6;font-size:14px;line-height:1.5}.psg-modal ol{margin:0 0 16px;padding-left:20px;display:grid;gap:9px;color:#DCEAF2;font-size:14.5px;line-height:1.45}.psg-modal .psg-tutup{width:100%}.psg-kode{font:500 11.5px/1.5 var(--mono,ui-monospace);word-break:break-all;color:#8FB0C4}.psg-qr{background:#fff;border-radius:14px;padding:10px;width:168px;height:168px}.psg-qr svg{width:100%;height:100%;display:block}@media (max-width:640px){.psg-hero .psg-tbl{flex:1 1 100%}.psg-sembunyi-hp{display:none!important}}.psg-kartu ol.psg-langkah{margin:0;padding-left:20px;display:grid;gap:8px;color:#DCEAF2;font-size:14.5px;line-height:1.5;list-style:decimal}.psg-kartu ol.psg-langkah li{display:list-item}.psg-kartu ol.psg-langkah li:before{content:none}.psg-kartu ol.psg-langkah li::marker{color:#FF7AE3;font-weight:700}