:root{
  --bg:#14171a; --panel:#1e2327; --line:#333b42; --text:#eef1f3; --muted:#a9b3bb;
  --amber:#ffb400; --amber-ink:#1a1400; --ok:#5ed28a;
}
@media (prefers-color-scheme: light){
  :root{ --bg:#f5f6f7; --panel:#ffffff; --line:#d9dee2; --text:#171b1f; --muted:#56616a; --amber:#c78000; --amber-ink:#ffffff; --ok:#1d8a4e; }
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--amber)}
.wrap{max-width:860px;margin:0 auto;padding:0 16px}
header.site{border-bottom:1px solid var(--line)}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;padding-bottom:14px;flex-wrap:wrap}
.brand{font-weight:800;letter-spacing:.02em;text-decoration:none;color:var(--text);font-size:1.15rem}
.brand span{color:var(--amber)}
nav a{margin-left:16px;text-decoration:none;color:var(--muted);font-size:.95rem}
nav a:hover{color:var(--text)}
.hero{padding:56px 0 40px}
.hero h1{font-size:clamp(2rem,6vw,3.2rem);line-height:1.1;margin:0 0 16px}
.hero h1 em{font-style:normal;color:var(--amber)}
.hero p.lead{font-size:1.15rem;color:var(--muted);max-width:620px;margin:0 0 24px}
.badge{display:inline-block;border:1px solid var(--amber);color:var(--amber);border-radius:999px;padding:4px 12px;font-size:.85rem;font-weight:600;margin-bottom:18px}
.btn{display:inline-block;background:var(--amber);color:var(--amber-ink);font-weight:700;text-decoration:none;padding:13px 22px;border-radius:10px;min-height:44px}
.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line);margin:8px 0 0 8px}
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:8px 0 40px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px}
.card h3{margin:0 0 6px;font-size:1.05rem}
.card p{margin:0;color:var(--muted);font-size:.97rem}
h2{font-size:1.5rem;margin:40px 0 12px}
.steps{counter-reset:s;list-style:none;padding:0;margin:0 0 32px}
.steps li{counter-increment:s;position:relative;padding:12px 12px 12px 52px;background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-bottom:10px}
.steps li::before{content:counter(s);position:absolute;left:14px;top:12px;width:28px;height:28px;border-radius:50%;background:var(--amber);color:var(--amber-ink);font-weight:800;display:grid;place-items:center;font-size:.95rem}
.notice{border-left:4px solid var(--amber);background:var(--panel);padding:14px 16px;border-radius:0 10px 10px 0;color:var(--muted);margin:24px 0}
.notice strong{color:var(--text)}
main.doc{padding:36px 0 48px}
main.doc h1{font-size:2rem;margin:0 0 6px}
main.doc .meta{color:var(--muted);margin:0 0 28px}
main.doc h2{font-size:1.2rem;margin:30px 0 8px}
main.doc ul{padding-left:22px}
footer.site{border-top:1px solid var(--line);color:var(--muted);font-size:.9rem;padding:24px 0 40px}
footer.site a{color:var(--muted)}
footer.site .wrap>div{margin-bottom:6px}