.onboarding-page{background:linear-gradient(180deg,var(--white)0%,var(--bg-subtle)100%);flex-direction:column;min-height:100vh;display:flex}.onboarding-header{justify-content:center;padding:12px 16px;display:flex}.onboarding-header .logo-link{transition:transform .3s}.onboarding-header .logo-link:hover{transform:scale(1.05)}.onboarding-main{flex-direction:column;flex:1;align-items:center;width:100%;max-width:900px;margin:0 auto;padding:20px 40px 60px;display:flex}.progress-indicator{justify-content:center;align-items:center;gap:0;width:100%;max-width:500px;margin-bottom:48px;display:flex}.progress-step{z-index:1;flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.step-circle{width:40px;height:40px;font-family:var(--font-body);background:var(--white);border:2px solid var(--border-color);color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.progress-step.active .step-circle{background:var(--text-primary);border-color:var(--text-primary);color:var(--white)}.progress-step.completed .step-circle{color:var(--white);background:#10b981;border-color:#10b981}.step-label{font-family:var(--font-body);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500;transition:color .3s}.progress-step.active .step-label,.progress-step.completed .step-label{color:var(--text-primary)}.progress-line{background:var(--border-color);flex:1;height:2px;margin:0 12px 28px}.step-content{width:100%;animation:.4s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-header{text-align:center;margin-bottom:40px}.step-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:400}.step-subtitle{font-family:var(--font-body);color:var(--text-secondary);font-size:1rem;line-height:1.6}.customer-types{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px;display:grid}.type-card{text-align:center;background:var(--white);border:2px solid var(--border-light);cursor:pointer;border-radius:16px;flex-direction:column;justify-content:space-between;align-items:center;padding:32px 24px;transition:all .3s;display:flex;position:relative}.type-card:hover{border-color:var(--border-color);transform:translateY(-4px);box-shadow:0 12px 40px #00000014}.type-card.selected{border-color:var(--text-primary);background:var(--bg-subtle)}.type-icon{background:var(--bg-subtle);width:64px;height:64px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;transition:all .3s;display:flex}.type-card:hover .type-icon,.type-card.selected .type-icon{background:var(--text-primary);color:var(--white)}.type-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:8px;font-size:1.1rem;font-weight:500}.type-description{font-family:var(--font-body);color:var(--text-secondary);margin-bottom:16px;font-size:.85rem;line-height:1.5}.type-arrow{background:var(--bg-subtle);width:32px;height:32px;color:var(--text-muted);opacity:0;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;bottom:16px;right:16px;transform:translate(-8px)}.type-card:hover .type-arrow{opacity:1;transform:translate(0)}.type-card.selected .type-arrow{opacity:1;background:var(--text-primary);color:var(--white);transform:translate(0)}.login-prompt{text-align:center;font-family:var(--font-body);color:var(--text-secondary);font-size:.9rem}.login-link{color:var(--text-primary);text-underline-offset:2px;font-weight:500;text-decoration:underline;transition:color .3s}.login-link:hover{color:var(--accent-hover)}.form-step{max-width:600px;margin:0 auto}.back-button{font-family:var(--font-body);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:24px;padding:8px 0;font-size:.9rem;font-weight:500;transition:color .3s;display:inline-flex}.back-button:hover{color:var(--text-primary)}.back-button svg{transition:transform .3s}.back-button:hover svg{transform:translate(-4px)}.selected-type-badge{background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:50px;align-items:center;gap:10px;margin-bottom:16px;padding:8px 16px;display:inline-flex}.selected-type-badge svg{width:20px;height:20px;color:var(--accent-color)}.selected-type-badge span{font-family:var(--font-body);color:var(--text-primary);font-size:.85rem;font-weight:500}.onboarding-form{flex-direction:column;gap:32px;display:flex}.form-section{background:var(--white);border:1px solid var(--border-light);border-radius:16px;flex-direction:column;gap:20px;padding:28px;display:flex}.form-section .section-title{font-family:var(--font-heading);color:var(--text-primary);border-bottom:1px solid var(--border-light);margin-bottom:4px;padding-bottom:12px;font-size:1rem;font-weight:600}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-field{flex-direction:column;gap:6px;display:flex}.form-label{font-family:var(--font-body);color:var(--text-primary);font-size:.85rem;font-weight:500}.form-label .required{color:#dc2626}.form-label .optional{color:var(--text-muted);font-size:.8rem;font-weight:400}.form-input,.form-select{width:100%;font-family:var(--font-body);color:var(--text-primary);background:var(--white);border:1.5px solid var(--border-color);border-radius:10px;outline:none;padding:12px 14px;font-size:.95rem;transition:border-color .3s,box-shadow .3s}.form-input::placeholder{color:var(--text-muted)}.form-input:focus,.form-select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #54545514}.form-field.error .form-input,.form-field.error .form-select{background:#fef2f2;border-color:#dc2626}.form-field.valid .form-input,.form-field.valid .form-select{border-color:#10b981}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238A8A8A' stroke-width='2'%3E%3Cpolyline points='6,9 12,15 18,9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:40px}.error-message{font-family:var(--font-body);color:#dc2626;opacity:0;min-height:0;max-height:0;font-size:.8rem;transition:all .3s;overflow:hidden}.error-message.visible{opacity:1;min-height:18px;max-height:36px}.password-input-wrapper{position:relative}.password-input-wrapper .form-input{padding-right:48px}.password-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;transition:color .3s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle:hover{color:var(--text-primary)}.password-strength{align-items:center;gap:12px;margin-top:4px;display:flex}.strength-bars{flex:1;gap:4px;display:flex}.strength-bar{background:var(--border-color);border-radius:2px;flex:1;height:4px;transition:background-color .3s}.strength-label{font-family:var(--font-body);text-align:right;min-width:60px;font-size:.75rem;font-weight:500}.password-hint{font-family:var(--font-body);color:var(--text-muted);margin-top:4px;font-size:.75rem}.onboarding-form .submit-btn{width:100%;font-family:var(--font-body);letter-spacing:.02em;color:var(--white);background:var(--text-primary);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:16px 32px;font-size:1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 20px #00000026}.onboarding-form .submit-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 30px #0003}.onboarding-form .submit-btn:disabled{opacity:.7;cursor:not-allowed}.onboarding-form .submit-btn svg{transition:transform .3s}.onboarding-form .submit-btn:hover:not(:disabled) svg{transform:translate(4px)}.spinner{border:2px solid #ffffff4d;border-top-color:var(--white);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.verification-step{text-align:center;flex-direction:column;align-items:center;max-width:500px;margin:0 auto;display:flex}.verification-icon{background:linear-gradient(135deg,var(--bg-subtle)0%,var(--bg-hover)100%);width:120px;height:120px;color:var(--accent-color);border-radius:50%;justify-content:center;align-items:center;margin-bottom:32px;display:flex;position:relative}.verification-check{width:40px;height:40px;color:var(--white);border:4px solid var(--white);background:#10b981;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;right:0}.verification-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:400}.verification-subtitle{font-family:var(--font-body);color:var(--text-secondary);margin-bottom:28px;font-size:1rem;line-height:1.6}.verification-emails{flex-direction:column;gap:12px;width:100%;margin-bottom:24px;display:flex}.email-sent{font-family:var(--font-body);color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-size:.9rem;display:flex}.email-sent svg{color:#10b981;flex-shrink:0}.email-sent strong{font-weight:600}.verification-note{font-family:var(--font-body);color:var(--text-muted);margin-bottom:36px;font-size:.85rem;line-height:1.6}.verification-actions{gap:16px;width:100%;display:flex}.verification-actions .btn{font-family:var(--font-body);border-radius:12px;flex:1;justify-content:center;align-items:center;gap:10px;padding:14px 24px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.verification-actions .btn-secondary{background:var(--white);color:var(--text-primary);border:2px solid var(--border-color)}.verification-actions .btn-secondary:hover{border-color:var(--text-primary);background:var(--bg-subtle)}.verification-actions .btn-primary-onboarding{background:var(--text-primary);color:var(--white);border:2px solid var(--text-primary);box-shadow:0 4px 15px #00000026}.verification-actions .btn-primary-onboarding:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 25px #0003}.verification-actions .btn-primary-onboarding svg{transition:transform .3s}.verification-actions .btn-primary-onboarding:hover svg{transform:translate(4px)}@media (max-width:768px){.onboarding-header{justify-content:center;padding:12px 16px;display:flex}.onboarding-main{padding:16px 24px 48px}.progress-indicator{margin-bottom:36px}.step-circle{width:36px;height:36px;font-size:.85rem}.step-label{font-size:.7rem}.progress-line{margin:0 8px 24px}.customer-types{grid-template-columns:1fr;gap:16px}.type-card{text-align:left;flex-direction:row;gap:16px;padding:24px 20px}.type-icon{flex-shrink:0;width:56px;height:56px;margin-bottom:0}.type-card .type-content{flex:1}.type-arrow{opacity:1;position:static;transform:none}.form-row{grid-template-columns:1fr}.form-section{padding:20px}.verification-actions{flex-direction:column}}@media (max-width:480px){.onboarding-main{padding:12px 16px 40px}.step-title{font-size:1.5rem}.type-card{padding:20px 16px}.type-icon{width:48px;height:48px}.type-icon svg{width:24px;height:24px}.form-section{border-radius:12px;padding:16px}.form-input,.form-select{padding:10px 12px;font-size:16px}}.submit-error{font-family:var(--font-body);color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:10px;padding:14px 16px;font-size:.9rem;display:flex}.submit-error svg{flex-shrink:0}