/* Back Redirect Offer Styles - derived from downsell */
:root {
  --accent: #ff6b3d;
  --bg: #ffffff;
  --panel: #ffffff;
  --text: #1c1f27;
  --muted: #5b6473;
  --radius: 14px;
  --danger: #ff4040;
  --success: #16a34a;
  --line: #eceff3;
  --soft: #f7f9fb;
}
* { box-sizing: border-box; }
body { margin:0; font-family: 'Montserrat', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; background: var(--bg); color: var(--text); -webkit-font-smoothing: antialiased; }
.banner { position:fixed; top:0; left:0; width:100%; background:linear-gradient(90deg,#ff6b3d,#ff8440); color:#fff; font-weight:600; padding:10px 14px; text-align:center; font-size:14px; z-index:50; box-shadow:0 2px 6px rgba(0,0,0,.4); }
.banner .timer { font-weight:700; }
.wrapper { max-width:960px; margin:100px auto 40px; padding:0 18px; }
.panel { background:var(--panel); padding:28px 28px 36px; border-radius:var(--radius); position:relative; box-shadow:0 4px 20px -6px rgba(0,0,0,.08), 0 2px 6px -2px rgba(0,0,0,.08); border:1px solid var(--line); }
.offer-hero-banner img { width:100%; border-radius:var(--radius); display:block; }
h1 { margin:22px 0 12px; font-size:clamp(1.9rem,3.2vw,2.6rem); line-height:1.15; }
.lead { font-size:17px; line-height:1.5; color:var(--muted); margin:0 0 20px; }
.benefits { display:grid; gap:10px; margin:20px 0 26px; }
.benefit { background:var(--soft); padding:10px 14px; border-radius:10px; font-size:15px; display:flex; align-items:center; gap:8px; border:1px solid var(--line); }
.benefit i { color:var(--success); }
.price-box { background:var(--soft); padding:20px 18px; border-radius:14px; position:relative; overflow:hidden; border:1px solid var(--line); }
.price-badge { position:absolute; top:12px; right:-36px; background:#ff4040; padding:6px 50px; font-size:12px; transform:rotate(35deg); font-weight:700; letter-spacing:.5px; color:#fff; box-shadow:0 4px 10px -4px rgba(0,0,0,.3); }
.price-line { display:flex; align-items:center; justify-content:space-between; }
.old { text-decoration:line-through; opacity:.55; font-size:14px; }
.new { font-size:34px; font-weight:800; letter-spacing:-1px; margin-top:2px; color:#161b22; }
.new small { font-size:13px; font-weight:600; letter-spacing:0; }
.cta { width:100%; background:linear-gradient(90deg,#ff6b3d,#ff8440); border:none; color:#fff; padding:18px 20px; font-size:20px; border-radius:var(--radius); cursor:pointer; font-weight:700; letter-spacing:.5px; margin:26px 0 12px; position:relative; overflow:hidden; }
.cta:active { transform:translateY(2px); }
.cta::after { content:""; position:absolute; inset:0; background:linear-gradient(120deg,rgba(255,255,255,.15),rgba(255,255,255,0) 60%); mix-blend-mode:overlay; }
.small-note { text-align:center; font-size:12px; opacity:.7; }
.decline { margin-top:26px; text-align:center; font-size:13px; opacity:.75; }
.decline a { color:#333; }
.footer { margin-top:50px; text-align:center; font-size:12px; opacity:.6; }
.fade-in { animation:fade .8s ease; }
@keyframes fade { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:none; } }
.timer { font-weight:700; font-size:16px; letter-spacing:.5px; }
@media (max-width:640px) { .wrapper { margin-top:88px; } .panel { padding:22px 20px 30px; } .new { font-size:30px; } }