:root{--bg:#f2f4ef;--ink:#101310;--ink2:#2a2f2a;--muted:#6c746c;--lime:#c6ff4a;--line:#e2e6de}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.5}
main{max-width:520px;margin:0 auto;padding:24px 16px 48px}
.logo{font-weight:900;font-size:28px;letter-spacing:-1px}
.card{background:#fff;border-radius:18px;overflow:hidden;margin:16px 0}
.card img{width:100%;height:240px;object-fit:cover;display:block;background:var(--line)}
.card .in{padding:16px}.muted{color:var(--muted)}
h1{font-size:24px;margin:0 0 4px}
.btn{display:block;text-align:center;padding:14px;border-radius:14px;font-weight:700;text-decoration:none;margin-top:10px;font-size:16px}
.primary{background:var(--lime);color:var(--ink)}.dark{background:var(--ink);color:#fff}
article h2{font-size:18px;margin-top:24px}article{background:#fff;border-radius:18px;padding:20px;margin-top:16px}