.onboarding-page{background:var(--color-bg);flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.onboarding-page:before{content:"";filter:blur(80px);pointer-events:none;z-index:0;background:radial-gradient(circle,#f5b6c42e 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:fixed;top:-5%;right:-8%}.onboarding-nav{border-bottom:1px solid var(--color-border);z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex;position:relative}.onboarding-nav .logo{font-size:1.5rem}.onboarding-nav .nav-step-info{color:var(--color-text-light);font-size:.85rem;font-weight:500}.onboarding-container{z-index:1;flex-direction:column;flex:1;align-items:center;padding:2.5rem 1.5rem 4rem;display:flex;position:relative}.progress-bar-wrapper{width:100%;max-width:600px;margin-bottom:2.5rem}.progress-steps{justify-content:space-between;align-items:center;display:flex;position:relative}.progress-steps:before{content:"";background:var(--color-border);z-index:0;height:2px;position:absolute;top:50%;left:16px;right:16px;transform:translateY(-50%)}.progress-fill{background:linear-gradient(90deg, var(--color-secondary), var(--color-primary));z-index:1;border-radius:2px;height:2px;transition:width .5s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;left:16px;transform:translateY(-50%)}.progress-step{z-index:2;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:relative}.step-circle{background:var(--color-bg);border:2px solid var(--color-border);width:36px;height:36px;color:var(--color-text-light);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex}.progress-step.active .step-circle{border-color:var(--color-secondary);background:linear-gradient(135deg, var(--color-secondary), var(--color-primary));color:#fff;box-shadow:0 4px 15px #e88d734d}.progress-step.completed .step-circle{border-color:var(--color-secondary);background:var(--color-secondary);color:#fff}.step-label{color:var(--color-text-light);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:.7rem;font-weight:500}.progress-step.active .step-label,.progress-step.completed .step-label{color:var(--color-secondary)}.step-card{width:100%;max-width:600px;animation:.45s ease-out both stepIn;display:none}.step-card.active{display:block}@keyframes stepIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.step-card-inner{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:2.5rem}.step-card h2{margin-bottom:.4rem;font-size:1.6rem}.step-card .step-desc{color:var(--color-text-light);margin-bottom:2rem;font-size:.95rem}.ob-form-group{margin-bottom:1.25rem}.ob-form-group label{color:var(--color-text);margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}.ob-input,.ob-select,.ob-textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-soft);width:100%;color:var(--color-text);outline:none;padding:.85rem 1.15rem;font-family:inherit;font-size:.95rem;transition:all .2s}.ob-input:focus,.ob-select:focus,.ob-textarea:focus{border-color:var(--color-primary);background:var(--color-bg);box-shadow:0 0 0 3px #f5b6c41f}.ob-textarea{resize:vertical;min-height:80px}.ob-input.error{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c14}.ob-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.ob-field-hint{color:var(--color-text-light);margin-top:.3rem;font-size:.78rem}.ob-field-hint.error{color:#e74c3c}.ob-field-hint.success{color:#27ae60}.username-wrapper{position:relative}.username-wrapper .ob-input{padding-right:3rem}.username-status{opacity:0;font-size:1.1rem;transition:opacity .2s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.username-status.visible{opacity:1}.niche-grid{flex-wrap:wrap;gap:.6rem;display:flex}.niche-chip{border:1.5px solid var(--color-border);color:var(--color-text-light);background:var(--color-bg);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:100px;padding:.5rem 1.1rem;font-size:.85rem;font-weight:500;transition:all .25s}.niche-chip:hover{color:var(--color-text);border-color:#e88d7366}.niche-chip.selected{background:linear-gradient(135deg, var(--color-secondary), var(--color-primary));color:#fff;border-color:#0000;box-shadow:0 2px 10px #e88d7340}.platform-toggles{gap:1rem;margin-bottom:2rem;display:flex}.platform-toggle{border:2px solid var(--color-border);border-radius:var(--radius-md);text-align:center;cursor:pointer;background:var(--color-bg);color:inherit;-webkit-user-select:none;user-select:none;flex:1;padding:1rem;font-family:inherit;transition:all .3s}.platform-toggle:hover,.platform-toggle:focus-visible{border-color:#e88d734d}.platform-toggle:focus-visible{outline-offset:2px;outline:3px solid #f5b6c447}.platform-toggle.selected{border-color:var(--color-secondary);background:#e88d730d;box-shadow:0 2px 12px #e88d731f}.platform-toggle .pt-icon{margin-bottom:.4rem;font-size:1.8rem}.platform-toggle .pt-name{color:var(--color-text);font-size:.9rem;font-weight:600}.platform-section{margin-bottom:1.5rem;animation:.3s ease-out both stepIn;display:none}.platform-section.visible{display:block}.platform-pull-card{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:1rem;padding:1.25rem}.pull-header{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.pull-header input{flex:1}.pull-btn{background:linear-gradient(135deg, var(--color-secondary), var(--color-primary));color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;padding:.65rem 1.25rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .3s}.pull-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #e88d734d}.pull-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.pull-status{margin-top:.5rem;font-size:.82rem}.pull-status.loading{color:var(--color-text-light)}.pull-status.success{color:#27ae60}.pull-status.error{color:#e74c3c}.profile-preview{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;gap:1rem;margin-top:1rem;padding:1rem;display:none}.profile-preview.visible{display:flex}.profile-preview img{object-fit:cover;border:2px solid var(--color-primary);border-radius:50%;width:56px;height:56px}.preview-info{flex:1}.preview-info h4{margin-bottom:.15rem;font-size:.95rem}.preview-stats{color:var(--color-text-light);gap:1rem;font-size:.78rem;display:flex}.preview-stats span{align-items:center;gap:.25rem;display:flex}.preview-stats strong{color:var(--color-text);font-weight:600}.manual-fields{border-top:1px dashed var(--color-border);margin-top:1rem;padding-top:1rem;display:none}.manual-fields.visible{display:block}.manual-fields .manual-label{color:var(--color-text-light);align-items:center;gap:.4rem;margin-bottom:.75rem;font-size:.82rem;display:flex}.collab-list{flex-direction:column;gap:.75rem;margin-bottom:.75rem;display:flex}.collab-item{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-sm);align-items:center;gap:.75rem;padding:.75rem 1rem;animation:.25s ease-out both stepIn;display:flex}.collab-item .collab-info{flex:1}.collab-item .collab-brand{font-size:.9rem;font-weight:600}.collab-item .collab-desc{color:var(--color-text-light);font-size:.8rem}.collab-remove{color:var(--color-text-light);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.2rem;transition:color .2s}.collab-remove:hover{color:#e74c3c}.add-collab-row{grid-template-columns:1fr 1.5fr auto;align-items:end;gap:.5rem;display:grid}.add-collab-btn{background:var(--color-bg-soft);border:1.5px dashed var(--color-border);border-radius:var(--radius-sm);color:var(--color-secondary);cursor:pointer;padding:.7rem 1rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .2s}.add-collab-btn:hover{border-color:var(--color-secondary);background:#e88d730d}.toggle-row{justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.toggle-row .toggle-label{font-size:.95rem;font-weight:500}.toggle-switch{cursor:pointer;width:48px;height:26px;position:relative}.toggle-switch input{display:none}.toggle-slider{background:var(--color-border);border-radius:100px;transition:background .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s cubic-bezier(.16,1,.3,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #00000026}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg, var(--color-secondary), var(--color-primary))}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.terms-box{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-light);max-height:220px;margin-bottom:1.5rem;padding:1.5rem;font-size:.88rem;line-height:1.7;overflow-y:auto}.terms-checkbox{cursor:pointer;align-items:flex-start;gap:.75rem;margin-bottom:2rem;display:flex}.terms-checkbox input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-secondary);flex-shrink:0;margin-top:2px}.terms-checkbox span{font-size:.9rem;font-weight:500}.step-actions{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.5rem;display:flex}.btn-back{border:1.5px solid var(--color-border);color:var(--color-text-light);cursor:pointer;background:0 0;border-radius:100px;align-items:center;gap:.4rem;padding:.75rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .25s;display:inline-flex}.btn-back:hover{border-color:var(--color-text-light);color:var(--color-text)}.btn-next{background:linear-gradient(135deg, var(--color-secondary), var(--color-primary));color:#fff;cursor:pointer;border:none;border-radius:100px;align-items:center;gap:.4rem;padding:.85rem 2rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #e88d7333}.btn-next:hover{transform:translateY(-2px);box-shadow:0 8px 25px #e88d734d}.btn-next:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-submit{padding:1rem 2.5rem;font-size:1.05rem}@media (width<=640px){.onboarding-container{padding:1.5rem 1rem 3rem}.step-card-inner{border-radius:var(--radius-lg);padding:1.75rem 1.25rem}.ob-row{grid-template-columns:1fr}.platform-toggles{flex-direction:column}.add-collab-row{grid-template-columns:1fr}.step-label{display:none}.progress-steps{padding:0 1rem}.pull-header{flex-direction:column;align-items:stretch}}