.onb{background:#fff;border:1px solid #e3ecf8;border-radius:22px;flex-direction:column;gap:14px;padding:22px;display:flex;box-shadow:0 12px 30px -22px #0f244059}.onb-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.onb-head h2{letter-spacing:-.3px;color:var(--ink);font-size:20px;font-weight:800}.onb-head p{color:var(--muted);margin-top:4px;font-size:14px;line-height:1.5}.onb-close{width:40px;height:40px;color:var(--muted);background:#f1f5fa;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.onb-close:hover{color:var(--ink);background:#e6edf6}.onb-bar{background:#edf2f9;border-radius:999px;height:8px;overflow:hidden}.onb-bar span{background:linear-gradient(90deg,#3b95ff,#0b5fe0);border-radius:999px;height:100%;transition:width .3s;display:block}.onb-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.onb-step{background:#f7faff;border:1px solid #edf2f9;border-radius:16px;align-items:center;gap:12px;padding:14px;display:flex;position:relative}.onb-mark{background:var(--tone-soft);width:44px;height:44px;color:var(--tone);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.onb-step.is-done .onb-mark{color:#fff;background:linear-gradient(145deg,#2bb866,#13803d)}.onb-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.onb-text b{color:var(--ink);font-size:15px}.onb-text small{color:var(--muted);font-size:13px;line-height:1.45}.onb-step.is-done .onb-text b{color:var(--muted);-webkit-text-decoration:line-through #b9c6d6;text-decoration:line-through #b9c6d6}.onb-go{color:#fff;white-space:nowrap;background:linear-gradient(145deg,#3b95ff,#0b5fe0);border-radius:12px;flex-shrink:0;align-items:center;gap:5px;height:38px;padding:0 14px;font-size:13.5px;font-weight:700;display:inline-flex;box-shadow:0 8px 16px -10px #0b5fe0}.onb-go:hover{filter:brightness(1.06)}.onb-ok{color:var(--green);flex-shrink:0;font-size:13px;font-weight:700}@media (max-width:880px){.onb{border-radius:20px;padding:16px}.onb-steps{grid-template-columns:minmax(0,1fr)}.onb-step{grid-template-columns:44px minmax(0,1fr);gap:10px 12px;display:grid}.onb-go{grid-column:2;justify-self:start}.onb-ok{display:none}}