.dkp-lock,.dkp-lock body{overflow:hidden}
.dkp-ov{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(6,20,38,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease}
.dkp-ov.on{opacity:1}
.dkp-m{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);width:min(860px,100%);max-height:calc(100vh - 32px);overflow:auto;border-radius:28px;background:#fff;box-shadow:0 30px 80px rgba(6,20,38,.45);transform:translateY(40px) scale(.92);opacity:0;transition:transform .55s cubic-bezier(.2,.9,.25,1.15),opacity .4s ease;font-family:inherit;color:#0B2545}
.dkp-ov.on .dkp-m{transform:none;opacity:1}
.dkp-x{position:absolute;top:12px;right:12px;z-index:3;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#0B2545;font-size:26px;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.15);transition:transform .2s}
.dkp-x:hover{transform:rotate(90deg)}.dkp-x:focus-visible,.dkp-btn:focus-visible{outline:3px solid #FFC23C;outline-offset:3px}
.dkp-vis{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:34px 20px;min-height:360px;background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.25),transparent 40%),linear-gradient(140deg,#00A39A 0%,#00857E 45%,#1D5FA8 100%)}
.dkp-hp,.dkp-img{position:relative;z-index:2;width:min(200px,60%);height:auto;filter:drop-shadow(0 18px 30px rgba(0,0,0,.35));animation:dkpMelayang 4.5s ease-in-out infinite}
.dkp-img{width:min(260px,80%);border-radius:18px}
.dkp-hb{transform-origin:110px 176px;animation:dkpDenyut 1.6s ease-in-out infinite}
.dkp-b{position:absolute;border-radius:50%;background:rgba(255,255,255,.14);animation:dkpMelayang 7s ease-in-out infinite}
.dkp-b.b1{width:180px;height:180px;top:-50px;left:-50px}.dkp-b.b2{width:110px;height:110px;bottom:20px;right:-30px;animation-delay:-2s;background:rgba(255,194,60,.28)}.dkp-b.b3{width:60px;height:60px;top:40%;left:12%;animation-delay:-4s}
.dkp-chip{position:absolute;z-index:3;background:#fff;color:#0B2545;font-size:12.5px;font-weight:700;padding:7px 12px;border-radius:999px;box-shadow:0 8px 20px rgba(0,0,0,.18);white-space:nowrap;animation:dkpMelayang 5s ease-in-out infinite}
.dkp-chip.c1{top:16%;right:8%}.dkp-chip.c2{bottom:20%;left:6%;animation-delay:-1.5s}.dkp-chip.c3{bottom:8%;right:10%;animation-delay:-3s}
.dkp-isi{padding:40px 36px 34px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.dkp-lb{align-self:flex-start;background:#E6F7F5;color:#006B65;font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;border-radius:999px}
.dkp-isi h2{margin:0;font-size:clamp(1.5rem,3.2vw,2.15rem);line-height:1.15;color:#0B2545;background:linear-gradient(90deg,#0B2545,#00857E);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.dkp-isi p{margin:0;color:#3b4a60;line-height:1.65;font-size:1rem}
.dkp-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.dkp-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 20px;border-radius:14px;font-weight:800;text-decoration:none;font-size:15px;transition:transform .2s,box-shadow .2s,background .2s}
.dkp-btn svg{width:20px;height:20px}
.dkp-btn.utama{position:relative;background:linear-gradient(135deg,#0B2545,#13315C);color:#fff;box-shadow:0 10px 24px rgba(11,37,69,.35);animation:dkpCta 2.2s ease-in-out infinite}
.dkp-btn.utama::after{content:"";position:absolute;inset:-4px;border-radius:18px;border:2px solid rgba(0,163,154,.7);animation:dkpCincin 2.2s ease-out infinite;pointer-events:none}
.dkp-btn.utama:hover{transform:translateY(-2px);color:#fff}
.dkp-btn.kedua{background:#fff;color:#006B65;border:2px solid #00A39A}.dkp-btn.kedua:hover{background:#E6F7F5;color:#006B65}
@keyframes dkpMelayang{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes dkpDenyut{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
@keyframes dkpCta{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
@keyframes dkpCincin{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.18)}}
@media (max-width:700px){.dkp-ov{align-items:flex-end;padding:0}.dkp-m{grid-template-columns:1fr;border-radius:26px 26px 0 0;max-height:94vh;transform:translateY(100%)}.dkp-vis{min-height:220px;padding:22px 16px}.dkp-hp{width:118px}.dkp-chip{font-size:11px;padding:5px 9px}.dkp-isi{padding:22px 20px 26px}.dkp-btn{flex:1 1 100%}}
@media (prefers-reduced-motion:reduce){.dkp-ov,.dkp-m{transition:none}.dkp-hp,.dkp-img,.dkp-hb,.dkp-b,.dkp-chip,.dkp-btn.utama,.dkp-btn.utama::after{animation:none}}
.dkp-ov.rm .dkp-m{transition:none}