:root{--bg:#1f2a2a;--fg:#e6eff0;--muted:#8fb3b2;--accent:#7fb0ae;--card:#263434;--line:#334544}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--fg);font:17px/1.6 Georgia,"Times New Roman",serif;padding:0 16px}
main{max-width:760px;margin:0 auto;padding:72px 0 48px}
.eyebrow{font:600 12px/1 system-ui,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:var(--accent)}
h1{font-size:clamp(40px,9vw,72px);font-weight:400;letter-spacing:.08em;margin:18px 0 20px}
.lede{font-size:20px;color:var(--fg);max-width:34em}
.rules{margin:36px 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font:15px/1.7 system-ui,sans-serif}
.rules li{list-style:none}.rules li::before{content:"— ";color:var(--accent)}
.offers{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}
@media (max-width:620px){.offers{grid-template-columns:1fr}}
.offer{background:var(--card);border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;gap:12px}
.offer h2{font-size:22px;font-weight:400}
.price{font:600 28px/1 system-ui,sans-serif;color:var(--accent)}
.price small{font-size:14px;color:var(--muted);font-weight:400}
.offer p{color:var(--muted);font:15px/1.6 system-ui,sans-serif;flex:1}
.btn{display:block;text-align:center;padding:14px;border:1px solid var(--accent);color:var(--fg);text-decoration:none;font:600 14px/1 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.btn:hover{background:var(--accent);color:var(--bg)}
footer{max-width:760px;margin:0 auto;padding:24px 0 48px;color:var(--muted);font:13px/1.6 system-ui,sans-serif;border-top:1px solid var(--line)}