.onboarding-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f9fafb;padding:20px;width:100%}.onboarding-card{background-color:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);padding:40px;width:100%;max-width:600px}.onboarding-card h1{margin-bottom:30px;text-align:center;color:#111827;font-size:24px}.onboarding-card h2{margin-bottom:20px;color:#374151;font-size:18px}.progress-bar{margin-bottom:30px}.progress-bar,.progress-step{display:flex;align-items:center;justify-content:center}.progress-step{width:30px;height:30px;border-radius:50%;background-color:#e5e7eb;color:#6b7280;font-weight:600}.progress-step.active{background-color:#3b82f6;color:#fff}.progress-line{height:2px;width:60px;background-color:#e5e7eb;margin:0 10px}.step-container{animation:fadeIn .3s ease-in-out}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#4b5563}input[type=text]{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:16px}input[type=text]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.product-input-group{display:flex;margin-bottom:12px;gap:10px}.product-input-group input{flex-grow:1}.add-button{background:none;border:2px dashed #d1d5db;padding:12px;border-radius:8px;width:100%;color:#4b5563;font-weight:500;cursor:pointer;margin:10px 0 20px;transition:all .2s}.add-button:hover{border-color:#3b82f6;color:#3b82f6}.remove-button{background:#f3f4f6;border:none;padding:8px 12px;border-radius:6px;color:#ef4444;cursor:pointer}.interests-container{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:30px}.interest-option{padding:12px;border:1px solid #d1d5db;border-radius:8px;text-align:center;cursor:pointer;transition:all .2s}.interest-option:hover{border-color:#3b82f6}.interest-option.selected{background-color:#ebf5ff;border-color:#3b82f6;color:#1e40af}.form-buttons{display:flex;justify-content:space-between;margin-top:20px}.next-button,.prev-button,.submit-button{padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.prev-button{background-color:#fff;border:1px solid #d1d5db;color:#4b5563}.prev-button:hover{background-color:#f9fafb}.next-button,.submit-button{background-color:#3b82f6;border:none;color:#fff}.next-button:hover,.submit-button:hover{background-color:#2563eb}.submit-button:disabled{background-color:#93c5fd;cursor:not-allowed}.error-message{color:#ef4444;margin-bottom:20px;text-align:center;padding:8px;background-color:#fee2e2;border-radius:6px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}