:root{
  --brand-magenta:#E0218A; --brand-deep:#C2186F; --gold:#FFD23F;
  --bg:#C2186F; --panel:#D21C81; --panel-2:#A8155F; --border:#EC55A6; --rule:#A8155F;
  --text:#fff; --text-2:#FCE0EF; --text-3:#F2B8D5; --lime:#A3E635; --gold-ink:#4A1020;
}
* { box-sizing:border-box; }
body { margin:0; font-family:system-ui,sans-serif; background:var(--bg); color:var(--text); }
.wrap { max-width:820px; margin:0 auto; padding:20px; }
header.hero { text-align:center; padding:26px 0 10px; }
header.hero img { height:120px; }
header.hero p { color:var(--text-2); font-size:18px; margin:10px 0 18px; }
.cta { display:inline-block; background:var(--gold); color:var(--gold-ink); font-weight:800;
  text-decoration:none; padding:12px 22px; border-radius:10px; font-size:16px; }
.cta.block { display:block; text-align:center; margin:18px 0; }
h2 { border-bottom:1px solid var(--rule); padding-bottom:6px; margin-top:28px; }
.wins { display:flex; gap:8px; flex-wrap:wrap; }
.win { background:var(--panel); border:1px solid var(--lime); border-left:4px solid var(--lime);
  border-radius:10px; padding:8px 12px; font-size:14px; }
.win b { color:var(--lime); }
.fx { display:flex; justify-content:space-between; background:var(--panel); border:1px solid var(--border);
  border-radius:10px; padding:10px 12px; margin:6px 0; }
.fx .t { color:var(--text-3); font-size:13px; }
.free { background:var(--panel); border:1px solid var(--gold); border-radius:12px; padding:16px; }
.free .sel { font-size:22px; font-weight:800; }
.free .meta { color:var(--gold); font-size:13px; } .free .why { color:var(--text-2); margin-top:6px; }
.free .pay { color:var(--lime); font-weight:800; font-size:15px; margin-top:6px; }
.wc-chip { width:100%; background:linear-gradient(90deg, var(--panel), var(--panel-2)); border:2px solid var(--gold);
  border-radius:10px; padding:10px 14px; font-size:14px; margin-bottom:4px; }
.wc-chip b { color:var(--gold); }
.free-more { margin-top:10px; padding:8px 10px; background:var(--panel-2); border:1px dashed var(--gold);
  border-radius:8px; font-size:13px; }
.free-more a { color:var(--gold); font-weight:800; }
.locked { position:relative; background:var(--panel); border:1px solid var(--border); border-radius:12px;
  padding:16px; margin:10px 0; overflow:hidden; }
.locked .counts { filter:blur(6px); user-select:none; font-size:20px; font-weight:800; }
.locked .overlay { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center;
  justify-content:center; gap:8px; background:rgba(168,21,95,.55); }
.locked .overlay a { text-decoration:none; }
.foot { color:var(--text-3); font-size:12px; text-align:center; margin:28px 0; }
.email { display:flex; gap:8px; margin:10px 0; } .email input { flex:1; padding:10px; border-radius:8px; border:1px solid var(--border); }
.floor-chip { flex-basis:100%; background:var(--panel-2); border:1px solid var(--lime);
  border-radius:10px; padding:8px 12px; font-size:14px; }
.floor-chip b { color:var(--lime); }
.wtag { background:var(--lime); color:var(--lime-ink); border-radius:6px; font-size:10px;
  font-weight:800; padding:2px 5px; vertical-align:middle; }

.free-banner { background:var(--gold); color:var(--gold-ink); font-weight:800; border-radius:8px; padding:6px 10px; font-size:13px; margin-top:8px; display:inline-block; }
.cta-sub { color:var(--gold); font-size:13px; font-weight:700; margin-top:8px; }
.cta-sub.center { text-align:center; margin:-8px 0 4px; }
button.cta { border:none; cursor:pointer; font-family:inherit; }
.reminder { display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap;
  background:var(--panel-2); border:1px dashed var(--gold); border-radius:10px; padding:10px 14px;
  margin-top:10px; font-size:14px; }
.reminder b { color:var(--gold); font-variant-numeric:tabular-nums; }
.rem-btns a { color:var(--gold); font-weight:700; }
.rem-local { color:var(--text-3); font-size:12px; }