.onb{max-width:880px;margin:0 auto;padding:54px 16px 60px}
.onb .hd{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.onb .hd .btn{padding:8px 16px;font-size:13px}
.onb h1{font-family:'Playfair Display',Georgia,serif;font-size:28px;margin:4px 0 4px;font-weight:600}
.onb .lead{color:var(--mu);margin:0 0 18px}
.onb .steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:18px}
.onb .st{border:1px solid var(--bd);border-radius:12px;padding:10px 8px;background:var(--card);text-align:center;font-size:12px;color:var(--mu);min-width:0}
.onb .st i{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;margin:0 auto 6px;border:1px solid var(--bd);font-style:normal;font-weight:700;font-size:13px}
.onb .st.done{color:var(--tx)}.onb .st.done i{background:var(--g);color:#06150c;border-color:var(--g)}
.onb .st.cur{border-color:var(--au);color:var(--tx)}.onb .st.cur i{border-color:var(--au);color:var(--au)}
.onb .st.wait i{border-color:#e7b94a;color:#e7b94a}.onb .st.bad{border-color:var(--r)}.onb .st.bad i{border-color:var(--r);color:var(--r)}
.onb .st b{display:block;color:var(--tx);font-size:12.5px}
.onb .pn{border:1px solid var(--bd);border-radius:16px;background:var(--card);padding:20px;margin-bottom:16px}
.onb .pn h2{margin:0 0 6px;font-size:19px}
.onb .pn p{color:var(--mu);margin:4px 0 12px}
.onb .dr{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--bd);flex-wrap:wrap}
.onb .dr:first-of-type{border-top:0}
.onb .dr .n{flex:1;min-width:180px}.onb .dr .n small{display:block;color:var(--mu)}
.onb .tag{font-size:12px;padding:3px 10px;border-radius:99px;border:1px solid var(--bd);color:var(--mu)}
.onb .tag.ok{color:var(--g);border-color:var(--g)}.onb .tag.w{color:#e7b94a;border-color:#e7b94a}.onb .tag.r{color:var(--r);border-color:var(--r)}
.onb .note{border-left:3px solid var(--au);padding:8px 12px;background:#0f0c04;border-radius:0 10px 10px 0;margin:10px 0;color:var(--tx)}
.onb .note.r{border-color:var(--r);background:#1a0a0a}
.onb .ag{max-height:320px;overflow:auto;border:1px solid var(--bd);border-radius:12px;padding:14px;background:#050505;font-size:14px;line-height:1.55}
.onb .ag h4{margin:12px 0 2px;color:var(--au);font-size:14px}.onb .ag h4:first-child{margin-top:0}
.onb .ag p{margin:0;color:var(--tx)}
.onb .ck{display:flex;gap:10px;align-items:flex-start;margin:12px 0;color:var(--tx)}.onb .ck input{width:auto;margin-top:3px}
.onb .co{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:700px){.onb .co{grid-template-columns:1fr}.onb .steps{gap:5px}.onb .st{padding:8px 4px;font-size:11px}}
.onb table{width:100%;border-collapse:collapse}.onb td{padding:9px 0;border-bottom:1px solid var(--bd);vertical-align:top}.onb td:last-child{text-align:right;white-space:nowrap}
.onb tr.tt td{font-weight:700;font-size:18px;border-bottom:0;color:var(--au)}
.onb .pr{display:flex;gap:8px}.onb .pr input{margin:0;text-transform:uppercase}.onb .pr .btn{padding:8px 18px}
.onb .ok{color:var(--g)}.onb .err{color:var(--r);margin:8px 0}
.onb .tl{border-left:2px solid var(--bd);margin-left:6px;padding-left:16px}.onb .tl div{position:relative;margin:0 0 12px}.onb .tl div:before{content:'';position:absolute;left:-22px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--au)}.onb .tl small{color:var(--mu);display:block}
.onb .wait{display:flex;align-items:center;gap:10px;color:#e7b94a}