body{margin:0;background:#050508;color:#d8d8e8;font:16px/1.6 Inter,system-ui,sans-serif}
main{max-width:560px;margin:0 auto;padding:64px 24px}
h1{font:300 36px/1.15 Fraunces,Georgia,serif;color:#f0f0f8;margin:0 0 10px}
.lead{font-size:17px;color:#d2d2d7;margin:0 0 32px}
.steps{list-style:none;margin:0;padding:0;counter-reset:s}
.steps li{counter-increment:s;position:relative;padding:0 0 26px 52px;margin:0}
.steps li::before{content:counter(s);position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;border:1px solid #c9a84c;color:#e8c46a;font-weight:600;display:flex;align-items:center;justify-content:center}
.steps li:not(:last-child)::after{content:"";position:absolute;left:17px;top:40px;bottom:6px;width:1px;background:#1d1d28}
.steps b{color:#f0f0f8}
.btn{display:inline-block;margin:10px 0 0;padding:11px 26px;border-radius:980px;border:1px solid #c9a84c;color:#e8c46a;text-decoration:none;font-weight:600}
.btn:hover{background:rgba(201,168,76,.1)}
a{color:#e8c46a}
code{background:#111118;padding:2px 6px;border-radius:6px;font-size:.88em;word-break:break-all}
details{margin:8px 0 0;border-top:1px solid #1d1d28;padding-top:14px}
summary{cursor:pointer;color:#a1a1a6;font-size:14px}summary:hover{color:#e8c46a}
details p{font-size:14px;color:#a1a1a6;margin:10px 0 0}
.small{font-size:13px;color:#a1a1a6;margin-top:28px}
