/* welcome.css — the onboarding wizard. Rides the site tokens in styles.css so it
   is theme-aware (light + dark) for free; adds only the wizard-specific layout. */

.wiz-bg{min-height:100vh;display:grid;place-items:start center;padding:40px 20px 60px;
  background:var(--login-grad)}
.wiz-card{width:100%;max-width:560px;background:var(--card);border:1px solid var(--line);
  border-radius:20px;box-shadow:var(--shadow-lg);padding:26px 30px 24px;margin-top:24px}

.wiz-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.wiz-head .brand{font-size:18px}
.wiz-head .brand .dot{width:28px;height:28px}

.wiz-progress{display:flex;gap:8px;align-items:center}
.wiz-dot{width:9px;height:9px;border-radius:50%;background:var(--line-2);transition:background .2s,transform .2s}
.wiz-dot.on{background:var(--accent);transform:scale(1.25)}
.wiz-dot.done{background:var(--accent-2)}

.wiz-title{font-size:22px;letter-spacing:-.02em;margin:0 0 4px;outline:none}
.wiz-sub{color:var(--muted);font-size:14px;margin:0 0 20px;line-height:1.5}

.wiz-field{margin-bottom:15px}
.wiz-field textarea{resize:vertical;min-height:46px}
.wiz-hint{display:block;font-size:12px;color:var(--muted);font-weight:500;margin:-2px 0 5px}
.wiz-two{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
@media(max-width:480px){.wiz-two{grid-template-columns:1fr}}
.wiz-optional{font-size:12.5px;color:var(--muted);background:var(--accent-soft);border:1px solid var(--accent-line);
  border-radius:9px;padding:8px 11px;margin:-4px 0 13px}

.wiz-review{border:1px solid var(--line-2);border-radius:12px;overflow:hidden;margin-bottom:14px}
.wiz-rrow{display:flex;justify-content:space-between;gap:16px;padding:11px 14px;border-bottom:1px solid var(--line);
  font-size:14px}
.wiz-rrow:last-child{border-bottom:none}
.wiz-rrow .k{color:var(--muted);flex:none;min-width:88px}
.wiz-rrow .v{text-align:right;color:var(--ink);font-weight:560;word-break:break-word}
.wiz-fine{font-size:12.5px;line-height:1.5}

.wiz-foot{display:flex;align-items:center;gap:14px;margin-top:22px}
.wiz-foot .btn.primary{margin-left:auto}
.wiz-step-label{font-size:12.5px}
.wiz-foot .btn.ghost[style*="hidden"]{pointer-events:none}

.wiz-signin{text-align:center;margin-top:18px;font-size:13.5px;color:var(--muted)}
.wiz-signin a{font-weight:640}