:root { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
body { margin: 0; background: #0b0f17; color: #e8eefc; display: grid; place-items: center; min-height: 100vh; padding: 24px; }
.card { width: min(720px, 100%); background: #111a2b; border: 1px solid rgba(255,255,255,.08); border-radius: 16px; padding: 28px; box-shadow: 0 10px 30px rgba(0,0,0,.35); }
.badge { display:inline-block; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; padding: 6px 10px; border-radius: 999px; background: rgba(255,255,255,.08); }
h1 { margin: 12px 0 8px; font-size: 34px; }
.lead { margin: 0 0 16px; color: rgba(232,238,252,.85); font-size: 18px; }
.price { margin: 0 0 18px; }
.cta { margin: 18px 0 6px; }
.btn { display:inline-block; padding: 12px 16px; border-radius: 12px; text-decoration:none; background: rgba(255,255,255,.14); color: #fff; border: 1px solid rgba(255,255,255,.12); }
.btn:hover { background: rgba(255,255,255,.18); }
hr { border: 0; border-top: 1px solid rgba(255,255,255,.10); margin: 22px 0; }
h2 { font-size: 18px; margin: 0 0 10px; }
.muted { color: rgba(232,238,252,.70); margin: 0 0 14px; }
.ad-slot { min-height: 120px; border-radius: 12px; border: 1px dashed rgba(255,255,255,.18); display:grid; place-items:center; color: rgba(232,238,252,.55); }
.footer { margin-top: 18px; font-size: 14px; }
.footer a { color: rgba(232,238,252,.75); }