:root{--bg:#f2f6f7;--card:#fff;--ink:#12262e;--mute:#566a72;--accent:#0b6b80;--accent-ink:#fff;--line:#d5e0e4}
@media (prefers-color-scheme:dark){:root{--bg:#10181c;--card:#18242a;--ink:#e8f0f2;--mute:#9bb0b8;--accent:#3fb4cc;--accent-ink:#06222a;--line:#2a3b43}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
main{max-width:640px;margin:0 auto;padding:1rem 1rem 3rem}header{padding:1rem 0 .2rem;font:700 1.25rem Georgia,serif}
h1{font:700 1.7rem/1.2 Georgia,serif;margin:.6rem 0}h2{font:700 1.15rem Georgia,serif;margin:1.4rem 0 .4rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1rem;margin:.9rem 0}
.price{font:700 2rem Georgia,serif}.price small{font:400 1rem system-ui;color:var(--mute)}
ul{padding-left:1.2rem}li{margin:.25rem 0}.mute{color:var(--mute);font-size:.92rem}
input[type=email]{width:100%;padding:.8rem;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font:inherit;margin:.5rem 0}
button,.btn{display:block;width:100%;padding:.9rem;border:0;border-radius:10px;background:var(--accent);color:var(--accent-ink);font:700 1rem system-ui;cursor:pointer;text-align:center;text-decoration:none}
.link{color:var(--accent)}footer{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--line);font-size:.85rem;color:var(--mute)}footer a{color:var(--accent);margin-right:.8rem}
.warn{border-left:4px solid #d98c00;background:#fff7e0;color:#4a3300;padding:.7rem .9rem;border-radius:8px;font-size:.92rem}
.msg{padding:.7rem .9rem;border-radius:8px;background:var(--card);border:1px solid var(--line);margin:.8rem 0}