:root{
  --bg:#120c22; --ink:#ece7f5; --ink-dim:#b9b2cc;
  --gold:#e9c46a; --gold-soft:#f4d58d; --gold-deep:#c9962f;
  --border:rgba(233,196,106,.18); --card:rgba(255,255,255,.04);
  --glow:rgba(233,196,106,.25);
}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(1200px 800px at 50% -10%, #1c1336, #120c22 60%);
  color:var(--ink);font-family:"Noto Sans KR","Nanum Myeongjo",system-ui,sans-serif;
  line-height:1.7;-webkit-font-smoothing:antialiased}
.howto{max-width:760px;margin:0 auto;padding:54px 22px 84px}
.howto .lead{color:var(--ink-dim);font-size:18px;line-height:1.9;margin:16px 0 26px}
.howto h1{font-size:31px;line-height:1.4;color:var(--gold);margin:0 0 6px}
.howto h2{font-size:21px;color:var(--gold-soft);margin:36px 0 12px;
  border-bottom:1px solid var(--border);padding-bottom:8px}
.howto h3{font-size:17px;color:var(--ink);margin:20px 0 8px}
.howto p{line-height:1.95;margin:12px 0;color:var(--ink-dim);text-align:justify}
.howto strong{color:var(--ink)}
.howto ol,.howto ul{margin:12px 0 12px 22px;line-height:2;color:var(--ink-dim)}
.howto li{margin:6px 0}
.howto .toc{background:var(--card);border:1px solid var(--border);border-radius:14px;
  padding:16px 20px;margin:24px 0}
.howto .toc b{color:var(--gold);display:block;margin-bottom:8px}
.howto .toc a{color:var(--ink-dim);text-decoration:none;margin-right:14px;line-height:2}
.howto .toc a:hover{color:var(--gold)}
.howto .cta{margin:42px 0 10px;text-align:center}
.howto .cta a{display:inline-block;background:linear-gradient(135deg,var(--gold),var(--gold-deep));
  color:#1a1230;font-weight:700;padding:14px 30px;border-radius:999px;text-decoration:none;
  box-shadow:0 10px 30px var(--glow)}
.howto .faq details{background:var(--card);border:1px solid var(--border);border-radius:10px;
  padding:4px 16px;margin:10px 0}
.howto .faq summary{cursor:pointer;font-weight:600;color:var(--ink);padding:12px 0;list-style:none}
.howto .faq summary::-webkit-details-marker{display:none}
.howto .faq details[open] summary{color:var(--gold)}
.howto .faq p{margin:4px 0 14px}
details>summary{list-style:none}
details>summary::-webkit-details-marker{display:none}
.howto footer{margin-top:46px;text-align:center;color:var(--ink-dim);font-size:14px}
.howto footer a{color:var(--gold);text-decoration:none}
.howto .kw{color:var(--gold);font-weight:600}
.howto .disclaimer{background:rgba(233,196,106,.06);border:1px solid var(--border);
  border-radius:10px;padding:12px 16px;margin:24px 0;color:var(--ink-dim);font-size:14px}
