/* kj-poles.css — penyempurnaan halaman publik (dimuat terakhir) */
.kartu{border-radius:16px;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 1px 2px rgba(15,23,42,.05)}
.kartu:hover{transform:translateY(-4px);box-shadow:0 22px 40px -22px rgba(15,23,42,.45);border-color:var(--aksen,#2563eb)}
.kartu .gbr{transition:transform .5s}
.kartu .gbr .kosong{background:linear-gradient(135deg,var(--aksen,#2563eb),var(--aksen2,#22d3ee));letter-spacing:.02em}
.kartu .isi h3{letter-spacing:-.01em}
.kartu .harga{color:var(--aksen,#2563eb);font-weight:700}
.fase{display:inline-flex;align-items:center;gap:6px}
.fase::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.fase-buka::before{animation:kjDenyut 1.6s infinite}
@keyframes kjDenyut{0%{box-shadow:0 0 0 0 currentColor}70%{box-shadow:0 0 0 7px transparent}100%{box-shadow:0 0 0 0 transparent}}
.saringan a{transition:.15s}.saringan a:hover{border-color:var(--aksen,#2563eb);color:var(--aksen,#2563eb)}
.saringan a.aktif:hover{color:#fff}
.saringan input:focus{outline:2px solid color-mix(in srgb,var(--aksen,#2563eb) 35%,transparent);border-color:var(--aksen,#2563eb)}
.blok{border-radius:16px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 16px 34px -26px rgba(15,23,42,.3)}
.paket{border-radius:14px}
.kaki{margin-top:24px}
.tombol{transition:transform .12s,filter .15s}.tombol:hover{transform:translateY(-1px);filter:brightness(1.06)}
.bidang input:focus,.bidang select:focus,.bidang textarea:focus{border-color:var(--aksen,#2563eb);outline:3px solid color-mix(in srgb,var(--aksen,#2563eb) 22%,transparent)}
@media (prefers-reduced-motion:reduce){.kartu,.tombol,.fase::before{transition:none!important;animation:none!important}}