:root{--bg:#fff;--fg:#14171a;--muted:#5b6670;--accent:#2f5bea;--line:#e5e8ec;--soft:#f6f8fa}@media (prefers-color-scheme:dark){:root{--bg:#0f1214;--fg:#eef1f3;--muted:#9aa5ae;--accent:#7b9bff;--line:#262c31;--soft:#161a1d}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:17px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent)}.wrap{max-width:720px;margin:0 auto;padding:0 20px}header{padding:24px 0}.logo{color:var(--fg);font-size:1.2rem;font-weight:700;text-decoration:none}.hero{padding:56px 0 40px}h1{margin:0 0 16px;font-size:clamp(2rem,6vw,3rem);line-height:1.15}.sub{color:var(--muted);margin:0;font-size:1.15rem}section{border-top:1px solid var(--line);padding:32px 0}h2{margin:0 0 20px;font-size:1.4rem}ol.steps{counter-reset:s;margin:0;padding:0;list-style:none}ol.steps li{counter-increment:s;margin-bottom:20px;padding-left:44px;position:relative}ol.steps li:before{content:counter(s);background:var(--soft);border:1px solid var(--line);text-align:center;border-radius:50%;width:30px;height:30px;font-size:.9rem;font-weight:600;line-height:28px;position:absolute;top:2px;left:0}ul{padding-left:1.2rem}li{margin-bottom:10px}.note{color:var(--muted);font-size:.95rem}footer{border-top:1px solid var(--line);color:var(--muted);padding:32px 0 48px;font-size:.95rem}.doc h1{font-size:2rem}.doc h2{margin-top:32px;font-size:1.2rem}.btn{border:1px solid var(--accent);background:var(--accent);color:#fff;font:inherit;cursor:pointer;border-radius:8px;padding:10px 18px;text-decoration:none;display:inline-block}[role=alert]{border:1px solid var(--line);background:var(--soft);border-radius:8px;padding:10px 14px}.form label{margin:12px 0;display:block}.form input,.form select{width:100%;font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--fg);border-radius:6px;margin-top:4px;padding:8px;display:block}fieldset{border:1px solid var(--line);border-radius:8px;margin:12px 0}label.btn{cursor:pointer}