body.onboarding{margin:0;min-height:100svh;background:#f6f7fc;color:#182343;display:grid;place-items:center;padding:32px 18px;box-sizing:border-box}.onboarding-card{width:min(100%,560px);background:white;padding:36px;border:1px solid #e1e5f1;border-radius:24px;box-shadow:0 16px 48px #18234308;box-sizing:border-box}.onboarding h1{font-size:clamp(26px,5vw,36px);line-height:1.2;margin:10px 0 16px}.onboarding h2{font-size:22px}.onboarding form{display:grid;gap:18px;margin:24px 0}.onboarding input{width:100%;box-sizing:border-box;min-height:48px}.onboarding label{display:grid;gap:8px}.onboarding small{font-weight:400;line-height:1.5;color:#64718b}.onboarding p{line-height:1.65}.onboarding button{min-height:48px}.onboarding-steps{display:flex;gap:8px;list-style:none;padding:0;margin:26px 0;flex-wrap:wrap;font-size:13px;color:#64718b}.onboarding-steps li{padding:8px 10px;background:#f1f3fa;border-radius:10px}.onboarding-steps [aria-current]{color:#4434bc;background:#efedff;font-weight:700}#form-message{padding:14px;border-radius:12px;background:#fff0f0;color:#8d263a;overflow-wrap:anywhere}#form-message.success{background:#eaf8ef;color:#1c653b}#code-preview{padding:18px;background:#f4f2ff;border-radius:14px;margin:18px 0}#logout{margin-top:20px}#open-workspace{display:block;margin:20px 0}.onboarding [hidden]{display:none!important}@media(max-width:480px){body.onboarding{padding:14px;align-items:start}.onboarding-card{padding:24px 20px;border-radius:18px}.onboarding-steps{font-size:12px;gap:5px}.onboarding button{width:100%}}
.onboarding label{margin:0}.onboarding input{margin-top:0}.onboarding small{font-size:12px}.onboarding form{gap:20px}