* { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, sans-serif; background: #0f0f12; color: #eee; }
header { padding: 48px 24px; text-align: center; }
h1 { margin: 0 0 8px; }
#grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; padding: 24px; max-width: 1100px; margin: 0 auto; }
.card { background: #1a1a20; border: 1px solid #2a2a32; border-radius: 12px; padding: 24px; display: flex; flex-direction: column; }
.card h2 { font-size: 1.1rem; margin: 0 0 8px; }
.price { font-size: 1.6rem; font-weight: 700; margin: 0 0 16px; }
button { margin-top: auto; padding: 12px; border: 0; border-radius: 8px; background: #4f7cff; color: #fff; font-weight: 600; cursor: pointer; }
button:disabled { opacity: .6; cursor: default; }
.thanks { text-align: center; padding: 80px 24px; }
.thanks a { color: #4f7cff; }