
:root{--ink:#17181c;--sub:#5b6472;--ban:#ffc800;--ban2:#ffde32;--soft:#fff8d6;--line:#e6e9ef;--bg:#ffffff;--bg2:#f6f8fb;--deep:#8a6d00;--ok:#0c8a63}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--ink);font-family:-apple-system,"Segoe UI","Malgun Gothic",system-ui,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin:0 auto;padding:26px 18px 70px}
.top{font-size:14px;margin-bottom:22px;font-weight:900}
.top a{color:var(--ink);text-decoration:none}
.top a .b{background:var(--ban);color:#191a1e;border-radius:7px;padding:2px 8px}
h1{font-size:26px;letter-spacing:-.02em;margin-bottom:8px}
.sub{color:var(--sub);font-size:14px;margin-bottom:26px}
.step{display:flex;gap:14px;background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:12px}
.no{flex:none;width:36px;height:36px;border-radius:12px;background:var(--ban);color:#191a1e;font-weight:900;font-size:16px;display:grid;place-items:center}
.step b{display:block;font-size:15.5px;margin-bottom:3px}
.step p{color:var(--sub);font-size:13.5px}
.step p a{color:var(--deep);text-decoration:none;font-weight:700}
.tip{background:var(--soft);border:1px solid #ffe066;border-radius:12px;padding:13px 16px;font-size:13px;color:var(--deep);margin:16px 0}
.tip b{color:var(--ok)}
.cta{display:block;text-align:center;background:linear-gradient(135deg,var(--ban2),var(--ban));color:#191a1e;font-weight:800;font-size:15px;border-radius:12px;padding:15px;text-decoration:none;margin:22px 0 8px;min-height:48px;box-shadow:0 5px 16px rgba(255,200,0,.35)}
.cta2{display:block;text-align:center;border:1.5px solid var(--line);color:var(--ink);font-weight:700;font-size:14px;border-radius:12px;padding:13px;text-decoration:none;margin-bottom:8px}
.cta2:hover{border-color:var(--ban)}
.foot{margin-top:40px;border-top:1px solid var(--line);padding-top:16px;color:var(--sub);font-size:12px;text-align:center}
.foot a{color:var(--deep);text-decoration:none}
