.onboardingPage{min-height:100vh;max-width:var(--max-width);background:#f9f9f8;margin:0 auto}.onboardingContent{max-width:560px;margin:0 auto;padding:16px 16px 40px}.onboardingProgress{align-items:center;padding:20px 0 28px;display:flex}.onboardingProgressItem{flex:1;align-items:center;gap:8px;display:flex}.onboardingProgressItem:last-child{flex:0}.onboardingStepDot{color:#aaa;background:#fff;border:1.5px solid #ddd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.onboardingStepDot.active{color:#fff;background:#111;border-color:#111}.onboardingStepDot.done{color:#fff;background:#111;border-color:#111;font-size:12px}.onboardingStepLabel{color:#bbb;white-space:nowrap;font-size:12px;font-weight:500}.onboardingStepLabel.active{color:#111;font-weight:600}.onboardingStepLine{background:#e8e8e6;flex:1;height:1px;margin:0 6px;transition:background .2s}.onboardingStepLine.done{background:#111}.onboardingStep{flex-direction:column;gap:24px;display:flex}.onboardingStepHeader{flex-direction:column;gap:4px;display:flex}.onboardingStepTitle{color:#111;letter-spacing:-.3px;font-size:22px;font-weight:600}.onboardingStepSub{color:#aaa;font-size:14px}.onboardingFields{flex-direction:column;gap:16px;display:flex}.onboardingField{flex-direction:column;gap:6px;display:flex}.onboardingLabel{color:#555;text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.onboardingOptional{text-transform:none;color:#bbb;letter-spacing:0;font-weight:400}.onboardingInput{color:#111;background:#fff;border:1px solid #ddd;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .15s}.onboardingInput:disabled{color:#999;cursor:not-allowed;opacity:.7;background-color:#f5f5f5;border-color:#ddd}.onboardingInput:focus{border-color:#aaa}.onboardingInput::placeholder{color:#ccc}.onboardingTextarea{color:#111;resize:none;background:#fff;border:1px solid #ddd;border-radius:12px;outline:none;width:100%;min-height:90px;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .15s}.onboardingTextarea:focus{border-color:#aaa}.onboardingTextarea::placeholder{color:#ccc}.onboardingTextarea:disabled{color:#999;cursor:not-allowed;opacity:.7;background-color:#f5f5f5;border-color:#ddd}.onboardingSelect{color:#111;appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5l5 5 5-5' stroke='%23aaa' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 12px center/18px no-repeat;border:1px solid #ddd;border-radius:12px;outline:none;width:100%;padding:11px 14px;font-family:inherit;font-size:14px;transition:border-color .15s}.onboardingSelect:focus{border-color:#aaa}.onboardingSelect:disabled{color:#999;cursor:not-allowed;opacity:.7;background-color:#f5f5f5;border-color:#ddd}.onboardingSelect.placeholder{color:#ccc}.onboardingSelect option{color:#111}.onboardingHint{color:#bbb;margin-top:2px;font-size:12px}.onboardingGrid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.onboardingImgRow{align-items:flex-start;gap:16px;display:flex}.onboardingImgField{flex-direction:column;gap:6px;display:flex}.onboardingImgField.wide{flex:1}.onboardingUploadBox{cursor:pointer;background:#fff;border:1.5px dashed #ddd;border-radius:12px;justify-content:center;align-items:center;transition:border-color .15s;display:flex;overflow:hidden}.onboardingUploadBox:hover{border-color:#aaa}.onboardingUploadBox.pfp{border-radius:50%;width:90px;height:90px}.onboardingUploadBox.banner{width:100%;height:90px}.onboardingUploadPlaceholder{color:#ccc;flex-direction:column;align-items:center;gap:3px;display:flex}.onboardingUploadPlaceholder span{font-size:22px;line-height:1}.onboardingUploadPlaceholder small{font-size:11px}.onboardingUploadPreview{object-fit:cover;width:100%;height:100%;display:block}.onboardingUploadPreview.round{border-radius:50%}.onboardingReviewCard{background:#fff;border:1px solid #ebebeb;border-radius:14px;overflow:hidden}.onboardingReviewBanner{object-fit:cover;background:#f2f2f0;width:100%;height:120px;display:block}.onboardingReviewBody{align-items:center;gap:12px;padding:14px;display:flex}.onboardingReviewPfp{object-fit:cover;border:2px solid #fff;border-radius:50%;flex-shrink:0;width:48px;height:48px;margin-top:-24px}.onboardingReviewName{color:#111;font-size:15px;font-weight:600}.onboardingReviewBio{color:#999;margin-top:2px;font-size:12px}.onboardingReviewAddress{background:#fff;border:1px solid #ebebeb;border-radius:14px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.onboardingReviewAddressText{color:#555;font-size:13px;line-height:1.6}.onboardingTerms{color:#bbb;text-align:center;font-size:12px;line-height:1.5}.onboardingNav{gap:10px;margin-top:28px;display:flex}.onboardingNavBtn{cursor:pointer;border:none;border-radius:12px;flex:1;padding:14px;font-family:inherit;font-size:15px;font-weight:500;transition:background .15s}.onboardingNavBtn.back{color:#111;background:#f2f2f0;flex:none;padding:14px 20px}.onboardingNavBtn.back:hover{background:#e8e8e6}.onboardingNavBtn.next{color:#fff;background:#111}.onboardingNavBtn.next:hover{background:#333}.onboardingNavBtn.launch{color:#fff;background:#111}.onboardingNavBtn.launch:hover{background:#333}.otpOverlay{-webkit-backdrop-filter:blur(8px);z-index:10000;background:#0009;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.otpBox{text-align:center;background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:360px;padding:32px 28px;display:flex}.otpTitle{color:#111;letter-spacing:-.3px;font-size:20px;font-weight:600}.otpSub{color:#888;font-size:14px;line-height:1.5}.otpInput{text-align:center;letter-spacing:8px;color:#111;border:1.5px solid #ddd;border-radius:12px;outline:none;width:100%;padding:16px;font-family:inherit;font-size:24px;font-weight:600;transition:border-color .15s}.otpInput:focus{border-color:#111}.otpInput::-webkit-outer-spin-button{-webkit-appearance:none}.otpInput::-webkit-inner-spin-button{-webkit-appearance:none}.otpInput[type=number]{-moz-appearance:textfield}.otpSubmitBtn{color:#fff;cursor:pointer;background:#111;border:none;border-radius:12px;width:100%;padding:13px;font-family:inherit;font-size:15px;font-weight:500;transition:background .15s}.otpSubmitBtn:hover:not(:disabled){background:#333}.otpSubmitBtn:disabled{cursor:default;background:#ccc}.otpCancelBtn{color:#aaa;cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:13px}.otpCancelBtn:hover{color:#555}.onboardingLoading{background:#f9f9f8;flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100vh;display:flex}.onboardingSpinner{border:3px solid #e8e8e6;border-top-color:#111;border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.onboardingLoading p{color:#111;font-size:15px;font-weight:500}.onboardingLoadingSub{color:#aaa;margin-top:-8px;font-size:13px;font-weight:400!important}.onboardingPills{flex-wrap:wrap;gap:6px;display:flex}.onboardingPill{color:#555;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #ddd;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:500;transition:background .15s,border-color .15s,color .15s}.onboardingPill:hover{color:#111;border-color:#bbb}.onboardingPill.active{color:#fff;background:#111;border-color:#111}@media (max-width:480px){.onboardingContent{padding:12px 12px 32px}.onboardingStepTitle{font-size:20px}}