:root {
  --bg: #0f172a;       /* slate-900 */
  --fg: #e2e8f0;       /* slate-200 */
  --muted: #94a3b8;    /* slate-400 */
  --card: #111827;     /* gray-900 */
  --brand: #22c55e;    /* green-500 */
  --brand-600: #16a34a;/* green-600 */
  --shadow: 0 10px 25px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,'Noto Sans',sans-serif;line-height:1.5}
.wrap{max-width:950px;margin:0 auto;padding:24px}
header{padding-top:28px;padding-bottom:8px}
h1{font-size:clamp(26px,4vw,40px);margin:0 0 10px}
.subtitle{color:var(--muted);margin:0}
.card{background:var(--card);border:1px solid #1f2937;border-radius:16px;padding:20px;box-shadow:var(--shadow);margin-bottom:20px}
.grid{display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:820px){.grid{grid-template-columns:1fr 1fr}}
ul{margin:0;padding-left:18px}
.cta{text-align:center}
.btn{display:inline-block;background:var(--brand);color:#001;text-decoration:none;padding:12px 22px;border-radius:12px;font-weight:700;transition:.2s box-shadow,.2s transform}
.btn:hover{box-shadow:0 10px 22px rgba(34,197,94,.35);transform:translateY(-1px)}
.small{color:var(--muted);font-size:14px;margin-top:10px}
.qr{margin-top:8px;width:160px;height:160px;object-fit:contain;border-radius:10px;border:1px solid #1f2937;background:#0b1220}
.foot{opacity:.75;text-align:center}