:root{
  --bg:#fbfaf7; --ink:#1f2433; --mute:#6b7080; --line:#e3e1da; --card:#ffffff;
  --acc:#e8590c; --acc-soft:#fff0e6; --blue:#1c7ed6; --blue-soft:#e7f1fc;
  --green:#2b8a3e; --green-soft:#e6f4ea; --red:#c92a2a; --red-soft:#fdecec;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#16181d; --ink:#e8e9ec; --mute:#9aa0ad; --line:#2c2f37; --card:#1f2229;
    --acc:#ff8a3d; --acc-soft:#3a2416; --blue:#5aa9f0; --blue-soft:#172a3d;
    --green:#5cc47a; --green-soft:#16301f; --red:#ff6b6b; --red-soft:#3a1a1a;
  }
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);
  font-family:"Noto Sans KR","Malgun Gothic","Apple SD Gothic Neo",sans-serif;line-height:1.6}
a{color:var(--blue)}
.page{max-width:920px;margin:0 auto;padding:40px 16px 64px}
.kicker{font-size:14px;font-weight:700;color:var(--acc);letter-spacing:.06em}
h1{font-size:34px;line-height:1.25;margin:4px 0 8px}
.lead{color:var(--mute);font-size:17px;margin:0 0 28px}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px 22px}
.btn{display:inline-block;font:inherit;font-size:16px;font-weight:700;border:0;border-radius:11px;padding:10px 18px;
  background:var(--acc);color:#fff;text-decoration:none;cursor:pointer}
.btn.ghost{background:transparent;color:var(--ink);border:2px solid var(--line)}
.btn:disabled{opacity:.45;cursor:default}