:root{--ink:#0e1a33;--mut:#6b7690;--gold:#ffb703}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0}
body{font-family:system-ui,-apple-system,"Noto Sans Bengali","Segoe UI",sans-serif;color:#fff;background:linear-gradient(160deg,#0b1530,#1d4fbf);min-height:100vh;display:flex}
.wrap{margin:auto;width:100%;max-width:420px;padding:28px 20px;text-align:center}
.logo{width:96px;height:96px;border-radius:22px;box-shadow:0 8px 28px #0006}
h1{margin:14px 0 4px;font-size:28px}
#tagline{margin:0 0 18px;color:#c3d1f5;font-size:14px}
.banner{font-weight:700;font-size:13.5px;padding:11px 14px;border-radius:14px;margin-bottom:10px;background:#2f7cf6}
.banner.warn{background:#b45309}
.dl{background:#fff;color:var(--ink);border-radius:26px;padding:20px;margin-top:10px;box-shadow:0 12px 36px #0005}
.meta{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:14px}
.meta:empty{display:none}
.meta span{background:#e3eeff;color:#2f7cf6;font-weight:700;font-size:12px;padding:5px 10px;border-radius:10px}
.btn{display:block;text-decoration:none;background:linear-gradient(135deg,#2f7cf6,#1d4fbf);color:#fff;font-weight:800;font-size:18px;padding:16px;border-radius:18px}
.btn.off{background:#cbd5e6;color:#5b6784;pointer-events:none}
.notes{display:none;margin-top:14px;font-size:12.5px;white-space:pre-wrap;text-align:left;background:#f3f6fb;border-radius:12px;padding:10px 12px}
.sha{display:none;margin-top:12px;font-size:10.5px;color:var(--mut);word-break:break-all;text-align:left}
.copy{margin-top:22px;font-size:11.5px;color:#9fb2e6}