:root{--bg:#0f172a;--panel:#111827;--text:#f8fafc;--muted:#cbd5e1;--brand:#22c55e;--shadow:0 10px 30px rgba(0,0,0,.35);--radius:18px;--maxw:920px}
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans JP",Segoe UI,Roboto,Arial,sans-serif;line-height:1.75}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--maxw);margin:auto;padding:20px}
.card{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-top:16px}
.lead{font-size:28px;margin:0 0 8px;font-weight:900}
h1{font-size:24px;margin:0 0 8px} h2{font-size:20px;margin:0 0 8px} h3{font-size:18px;margin:0 0 6px}
.note{color:var(--muted);font-size:14px}
.grid{display:grid;gap:10px}
.btn{display:block;text-align:center;padding:16px;font-weight:800;border-radius:14px;border:2px solid transparent}
.btn-primary{background:var(--brand);color:#062914}
.btn-secondary{background:transparent;border-color:rgba(148,163,184,.35)}
.list{margin:0;padding-left:20px}
.story{font-weight:600;color:#fef9c3;background:rgba(250,204,21,.08);padding:12px;border-radius:14px}
footer{margin:28px 0 14px;text-align:center;color:var(--muted);font-size:12px}
@media(max-width:640px){.lead{font-size:24px}}