.dk-topup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px;margin-top:22px}.dk-topup{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:18px 16px 16px;border:1px solid #e6e3f1;border-radius:12px;background:linear-gradient(180deg,#FFFFFF,#F7F6FC);color:#17123A;font:inherit;text-align:left;cursor:pointer;box-shadow:0 8px 22px -16px #17123A2e;transition:border-color .18s,box-shadow .18s,transform .18s,background .18s}.dk-topup:not(:disabled):hover{border-color:#5B4BFF;background:linear-gradient(180deg,#F7F6FC,#EFEDF8);box-shadow:0 14px 34px -18px #5B4BFF55;transform:translateY(-2px)}.dk-topup:focus-visible{outline:2px solid #D1178A;outline-offset:2px}.dk-topup:disabled{opacity:.5;cursor:not-allowed}.dk-topup[data-best]{border:1.5px solid transparent;background:linear-gradient(180deg,#FFFFFF,#EFEDF8) padding-box,linear-gradient(95deg,#5B4BFF,#A045F0 55%,#F0359B) border-box;box-shadow:0 18px 40px -22px #F0359B44}.dk-topup strong{font-size:24px;font-weight:740;letter-spacing:-.04em;color:#17123A}.dk-topup>span:not(.dk-topup-tag){font-size:13px;font-weight:600;color:#5A5578}.dk-topup small{font-size:12px;color:#5A5578}.dk-topup svg{color:#D1178A;margin-top:2px}.dk-topup-tag{position:absolute;top:-10px;right:10px;font-size:11px;font-weight:650;line-height:1.2;background:#FFFFFF;color:#D1178A;border:1px solid #f0359b66;padding:3px 8px;border-radius:999px;white-space:nowrap}.dk-topup[data-best] .dk-topup-tag{background:linear-gradient(95deg,#5B4BFF,#A045F0 55%,#F0359B);color:#fff;border-color:transparent;box-shadow:0 6px 16px -6px #F0359B55}.dk-topup-error{font-size:13px;line-height:1.6;color:#9F1239;margin-top:12px;padding:10px 12px;border:1px solid #9f123933;background:#FFF1F2;border-radius:10px}.dk-topups-compact .dk-topup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 8px;margin-top:14px}.dk-topups-compact .dk-topup{padding:13px 11px 11px}.dk-topups-compact .dk-topup strong{font-size:17px}@media (max-width:640px){.dk-topup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.dk-topup{transition:none}.dk-topup:not(:disabled):hover{transform:none}}