/* Public pages (pricing, terms, refunds, privacy): same palette and type as the app. */
:root{--bg:#F5F0FA;--surface:#fff;--surface-2:#ECE3F5;--ink:#2A1838;--muted:#6E5D7E;--brand:#7A3FA8;--reward:#E0457F;--line:#E2D6EE;--font:"Poppins","Segoe UI",system-ui,sans-serif}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--bg:#1A1322;--surface:#241A2E;--surface-2:#30233D;--ink:#F1E9F8;--muted:#B9A8C8;--brand:#C79BEB;--reward:#FF6FA1;--line:#3A2C48;color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.6}
.wrap{max-width:720px;margin:0 auto;padding:24px 16px 64px}
header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:28px}
.logo{font-weight:800;font-size:20px;color:var(--ink);text-decoration:none}.logo span{color:var(--brand)}
nav a{color:var(--muted);text-decoration:none;font-size:14px;margin-left:14px}nav a:hover{color:var(--brand)}
h1{font-size:30px;line-height:1.15;margin:0 0 8px}h2{font-size:19px;margin:28px 0 8px}
p,li{color:var(--ink)}.muted{color:var(--muted)}a{color:var(--brand)}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:24px 0}
.plan{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:10px}
.plan.hot{border:2px solid var(--reward)}
.price{font-size:32px;font-weight:800}.price small{font-size:15px;font-weight:500;color:var(--muted)}
.plan ul{margin:0;padding-left:20px}
.btn{display:inline-block;text-align:center;font-weight:600;border-radius:999px;padding:12px 20px;text-decoration:none;background:var(--brand);color:#fff;margin-top:auto}
.btn.reward{background:var(--reward)}
.note{background:var(--surface-2);border-radius:12px;padding:12px 14px;font-size:14px;color:var(--muted)}
footer{margin-top:40px;font-size:13px;color:var(--muted)}footer a{color:var(--muted);margin-right:14px}