:root { font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial; }
body { margin: 0; background: #0b0c10; color: #e8e8ea; }
.wrap { min-height: 100vh; display: grid; place-items: center; padding: 24px; }
.card { width: min(760px, 100%); background: #12131a; border: 1px solid #222434; border-radius: 16px; padding: 28px; box-shadow: 0 10px 30px rgba(0,0,0,.35); }
.badge { display:inline-block; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; opacity: .8; background:#1c1e2b; border:1px solid #2a2d44; padding: 6px 10px; border-radius: 999px; }
h1 { margin: 14px 0 10px; font-size: 34px; line-height: 1.15; }
.headline { font-size: 18px; opacity: .95; margin: 0 0 10px; }
.body { font-size: 16px; opacity: .85; margin: 0 0 18px; }
.cta { display:flex; flex-direction: column; gap: 10px; margin-top: 8px; }
.button { display:inline-block; text-decoration:none; background:#e8e8ea; color:#0b0c10; padding: 12px 14px; border-radius: 12px; font-weight: 600; text-align:center; }
.fine { font-size: 13px; opacity: .75; }
hr { border: 0; border-top: 1px solid #24263a; margin: 18px 0; }
.bundle h2 { margin: 0 0 6px; font-size: 16px; }
.footer { font-size: 12px; opacity: .65; margin-top: 6px; }