/* unduh.css — kartu unduhan berlisensi (2026-10-06), dipakai index.html dan
   checkout.html bersama unduh-kartu.js. Hanya memakai variabel warna yang ada
   di kedua halaman; --amber diberi cadangan karena checkout tidak punya. */
.dl-msg{border-radius:12px;padding:12px 14px;font-size:14px;border:1px solid;text-align:left}
.dl-msg[hidden]{display:none}
.dl-msg.bad{border-color:rgba(248,113,113,.35);background:rgba(248,113,113,.08);color:#fecaca}
.dl-msg.ok{border-color:rgba(74,222,128,.3);background:rgba(74,222,128,.07);color:#bbf7d0}
.dl-help{margin:0;text-align:center;font-size:13px;line-height:1.55;color:var(--faint)}
.dl-help a{color:var(--blue);font-weight:700}
.dl-cards-wrap{display:grid;gap:14px;max-width:860px;margin:0 auto;width:100%}
.dl-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.dl-card{display:grid;gap:10px;align-content:start;min-width:0;border:1px solid var(--line2);border-radius:16px;padding:20px;
  background:var(--panel2);text-align:left}
.dl-card.main{border:1px solid transparent;background:linear-gradient(var(--panel2),var(--panel2)) padding-box,var(--sig) border-box}
.dl-card .top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.dl-card h3{margin:0;font-size:19px;font-weight:850;line-height:1.15}
.dl-card p{margin:0;color:var(--dim);font-size:14px;line-height:1.55}
.dl-card .dl-note{font-size:12.5px;line-height:1.5;color:var(--faint);border-top:1px solid var(--line2);padding-top:10px}
.dl-card .meta{font-size:12.5px;color:var(--faint);font-variant-numeric:tabular-nums}
.dl-card .badge{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border-radius:999px;
  background:rgba(255,190,61,.12);color:var(--amber,#ffbe3d);border:1px solid rgba(255,190,61,.3)}
.dl-card .badge.soft{background:var(--glass);color:var(--faint);border-color:var(--line2)}
.dl-a{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;font-family:var(--f);font-size:15px;font-weight:750;
  color:var(--text);text-decoration:none;border-radius:12px;padding:13px 18px;border:1px solid var(--line2);background:var(--glass);
  transition:transform .15s,filter .15s,border-color .15s}
.dl-a:hover{transform:translateY(-2px);border-color:var(--violet)}
.dl-a.grad{background:var(--sig);border-color:transparent;color:#fff;box-shadow:0 16px 40px -14px rgba(255,46,151,.55)}
.dl-a.grad:hover{filter:brightness(1.08)}
.dl-a:focus-visible{outline:2px solid var(--amber,#ffbe3d);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.dl-a{transition:none}.dl-a:hover{transform:none}}