@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700&family=Roboto:wght@400;500;700&family=Open+Sans:wght@400;500;600;700&family=Lato:wght@400;700&family=Playfair+Display:wght@400;500;600;700&family=Merriweather:wght@400;700&display=swap);*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;margin:0;padding:20px}.dwb-form-container{max-width:1000px;margin:0 auto;background:#fff;border-radius:20px;box-shadow:0 20px 60px rgb(0 0 0 / .15);overflow:hidden;position:relative}.dwb-form-container::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb)}.dwb-form-container h2{text-align:center;margin:0;padding:24px 24px 10px;color:#2d3748;font-size:2.2rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.dwb-form-container .dwb-subtitle{text-align:center;margin:0 40px 40px;color:#718096;font-size:1.1rem;font-weight:400}.dwb-form{padding:0 40px 40px;display:flex;flex-direction:column;gap:30px}.dwb-system-header{text-align:center;margin-bottom:30px;padding:30px 0;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border-radius:16px;border:2px solid #e2e8f0}.dwb-system-header h2{margin:0 0 10px 0;color:#1a202c;font-size:2rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.dwb-system-header p{margin:0;color:#64748b;font-size:1.1rem;font-weight:500}.dwb-mailchimp-help{margin-top:15px;padding:15px;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-radius:12px;border:1px solid #0ea5e9}.dwb-mailchimp-help p{margin:0 0 10px 0;color:#0c4a6e;font-size:14px}.dwb-mailchimp-link{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);color:#fff;text-decoration:none;padding:10px 16px;border-radius:8px;font-weight:600;font-size:14px;transition:all 0.3s ease;box-shadow:0 2px 8px rgb(14 165 233 / .3)}.dwb-mailchimp-link:hover{background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);transform:translateY(-1px);box-shadow:0 4px 12px rgb(14 165 233 / .4);color:#fff;text-decoration:none}.dwb-mailchimp-icon{font-size:16px}.dwb-help-text{margin-top:8px!important;font-size:12px!important;color:#64748b!important;font-style:italic}.dwb-mailchimp-invitation-help{margin-top:15px;padding:15px;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-radius:12px;border:1px solid #f59e0b}.dwb-mailchimp-invitation-help p{margin:0 0 10px 0;color:#92400e;font-size:14px}.dwb-help-steps{margin:10px 0;padding-left:20px;color:#92400e;font-size:14px}.dwb-help-steps li{margin-bottom:5px;line-height:1.4}.dwb-help-steps strong{color:#78350f;font-weight:600}.dwb-hosting-note{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:12px;margin-top:15px;text-align:center}.dwb-hosting-note p{margin:0;color:#92400e;font-size:14px;font-weight:500}.dwb-checkbox-field{display:flex;align-items:center;gap:8px;margin:8px 0 15px 0;padding:8px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;transition:all 0.2s ease}.dwb-checkbox-field:hover{background:#f1f5f9;border-color:#cbd5e0}.dwb-checkbox-field input[type="checkbox"]{width:16px;height:16px;margin:0;accent-color:#0ea5e9}.dwb-checkbox-label{font-size:13px;color:#475569;font-weight:500;cursor:pointer;margin:0;flex:1}.dwb-checkbox-field .dwb-tooltip-icon{margin-left:auto;font-size:12px}.dwb-field{display:flex;flex-direction:column;gap:18px;margin-bottom:50px;position:relative}.dwb-field-container{position:relative}.dwb-field label{font-weight:700;color:#1a202c;font-size:16px;margin-bottom:10px;display:flex;align-items:center;gap:10px;cursor:help;line-height:1.4}.dwb-field label.required{color:#e53e3e;position:relative}.dwb-field label.required::after{content:' *';color:#e53e3e;font-weight:700}.dwb-tooltip-icon{color:#667eea;font-size:14px;cursor:help;transition:color 0.3s ease}.dwb-tooltip-icon:hover{color:#5a67d8}.dwb-tooltip{background:#2d3748;color:#fff;padding:12px 16px;border-radius:8px;font-size:14px;line-height:1.4;max-width:300px;box-shadow:0 8px 25px rgb(0 0 0 / .15);position:relative;z-index:10000}.dwb-tooltip::before{content:'';position:absolute;top:-5px;left:20px;width:0;height:0;border-left:5px solid #fff0;border-right:5px solid #fff0;border-bottom:5px solid #2d3748}.dwb-field input,.dwb-field select,.dwb-field textarea{padding:20px 24px;border:2px solid #e2e8f0;border-radius:16px;font-size:16px;font-family:inherit;background:#fff;transition:all 0.3s ease;color:#1a202c;box-shadow:0 2px 4px rgb(0 0 0 / .05);font-weight:500}.dwb-field input:focus,.dwb-field select:focus,.dwb-field textarea:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 4px rgb(102 126 234 / .1),0 4px 12px rgb(0 0 0 / .1);transform:translateY(-2px)}.dwb-field input:hover,.dwb-field select:hover,.dwb-field textarea:hover{border-color:#a0aec0;background:#fff;box-shadow:0 4px 12px rgb(0 0 0 / .08);transform:translateY(-1px)}.dwb-field textarea{resize:vertical;min-height:120px;line-height:1.6}.dwb-field select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:48px;appearance:none}.dwb-archetype-explanation{background:linear-gradient(135deg,#f7fafc 0%,#edf2f7 100%);border:1px solid #e2e8f0;border-radius:12px;padding:16px;margin-bottom:16px}.dwb-archetype-explanation p{margin:0;color:#4a5568;font-size:14px;line-height:1.5}.dwb-color-field{display:flex;gap:12px;align-items:center}.dwb-color-field input[type="color"]{width:60px;height:40px;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;padding:0}.dwb-color-field input[type="text"]{flex:1}.dwb-background-options{display:flex;gap:20px;margin-top:15px}.dwb-background-option{flex:1;padding:20px;border:2px solid #e2e8f0;border-radius:12px;background:#f7fafc;cursor:pointer;transition:all 0.3s ease;text-align:center}.dwb-background-option:hover{border-color:#667eea;background:#fff;transform:translateY(-2px)}.dwb-background-option.active{border-color:#667eea;background:#f0f7ff}.dwb-background-option h4{margin:0 0 10px 0;color:#2d3748;font-size:16px}.dwb-background-option p{margin:0;color:#718096;font-size:14px}.dwb-font-preview{margin-top:15px;padding:20px;border:2px solid #e2e8f0;border-radius:12px;background:#f8fafc;font-size:16px;line-height:1.5;box-shadow:0 2px 4px rgb(0 0 0 / .05)}.dwb-font-preview h3{margin:0 0 15px 0;font-size:28px;color:#2d3748;font-weight:600}.dwb-font-preview p{margin:0;font-size:16px;color:#4a5568;line-height:1.6}.dwb-type-selection{margin-bottom:50px;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-radius:20px;padding:40px;box-shadow:0 4px 20px rgb(0 0 0 / .05)}.dwb-type-selection h3{text-align:center;font-size:32px;font-weight:700;color:#1a202c;margin-bottom:15px;background:linear-gradient(135deg,#667eea 0%,#5a67d8 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.dwb-type-subtitle{text-align:center;color:#64748b;font-size:18px;margin-bottom:40px;font-weight:400;line-height:1.6}.dwb-type-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:25px;margin-bottom:40px}.dwb-type-option{background:#fff;border:2px solid #e2e8f0;border-radius:20px;padding:35px 30px;cursor:pointer;transition:all 0.4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 10px rgb(0 0 0 / .05)}.dwb-type-option::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea 0%,#5a67d8 100%);transform:scaleX(0);transition:transform 0.3s ease}.dwb-type-option:hover{border-color:#667eea;transform:translateY(-6px);box-shadow:0 12px 35px rgb(102 126 234 / .15)}.dwb-type-option:hover::before{transform:scaleX(1)}.dwb-type-option.selected{border-color:#667eea;background:linear-gradient(135deg,#f0f7ff 0%,#e6f3ff 100%);box-shadow:0 12px 35px rgb(102 126 234 / .2);transform:translateY(-2px)}.dwb-type-option.selected::before{transform:scaleX(1)}.dwb-type-option.selected::after{content:"✓";position:absolute;top:20px;right:20px;background:linear-gradient(135deg,#667eea 0%,#5a67d8 100%);color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;box-shadow:0 4px 12px rgb(102 126 234 / .3)}.dwb-type-icon{font-size:56px;margin-bottom:20px;text-align:center;filter:drop-shadow(0 2px 4px rgb(0 0 0 / .1))}.dwb-type-option h4{margin:0 0 15px 0;font-size:24px;font-weight:700;color:#1a202c;text-align:center;line-height:1.3}.dwb-type-option p{margin:0 0 25px 0;color:#64748b;line-height:1.7;text-align:center;font-size:16px;font-weight:400}.dwb-type-features{display:flex;flex-direction:column;gap:12px;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.dwb-type-features span{font-size:15px;color:#475569;font-weight:500;display:flex;align-items:center;gap:8px}.dwb-type-features span::before{content:"✓";color:#10b981;font-weight:700;font-size:16px}.dwb-type-selected{text-align:center;padding:25px;background:linear-gradient(135deg,#f0f7ff 0%,#e6f3ff 100%);border-radius:16px;border:2px solid #667eea;box-shadow:0 4px 15px rgb(102 126 234 / .1)}.dwb-type-selected h4{margin:0 0 20px 0;color:#1a202c;font-size:20px;font-weight:600}.dwb-change-type{background:linear-gradient(135deg,#667eea 0%,#5a67d8 100%);color:#fff;border:none;padding:12px 24px;border-radius:10px;cursor:pointer;font-weight:600;font-size:15px;transition:all 0.3s ease;box-shadow:0 4px 12px rgb(102 126 234 / .3)}.dwb-change-type:hover{background:linear-gradient(135deg,#5a67d8 0%,#4c51bf 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgb(102 126 234 / .4)}.dwb-back-section{margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e2e8f0}.dwb-back-btn{background:#fff0;color:#64748b;border:2px solid #e2e8f0;padding:12px 20px;border-radius:10px;cursor:pointer;font-weight:500;font-size:15px;transition:all 0.3s ease;display:flex;align-items:center;gap:8px}.dwb-back-btn:hover{background:#f8fafc;border-color:#cbd5e0;color:#4a5568;transform:translateX(-2px)}.dwb-back-icon{font-size:18px;font-weight:700}.dwb-quiz-link{text-align:center;margin:0 40px 40px;padding:30px;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-radius:16px;border:2px solid #0ea5e9;box-shadow:0 8px 25px rgb(14 165 233 / .15)}.dwb-quiz-link p{margin:0 0 15px 0;color:#0c4a6e;font-size:16px;font-weight:500}.dwb-quiz-btn{background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);color:#fff;border:none;padding:14px 28px;border-radius:12px;cursor:pointer;font-weight:600;font-size:16px;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:10px;box-shadow:0 4px 15px rgb(14 165 233 / .3)}.dwb-quiz-btn:hover{background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgb(14 165 233 / .4)}.dwb-quiz-icon{font-size:20px}.dwb-quiz-content{max-width:700px;width:90%}.dwb-quiz-question{padding:20px 0}.dwb-quiz-progress{margin-bottom:30px;text-align:center}.dwb-progress-bar{width:100%;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:10px}.dwb-progress-fill{height:100%;background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);transition:width 0.3s ease}.dwb-quiz-progress p{margin:0;color:#64748b;font-size:14px;font-weight:500}.dwb-quiz-question h4{font-size:24px;font-weight:700;color:#1a202c;margin:0 0 25px 0;text-align:center;line-height:1.4}.dwb-quiz-options{display:flex;flex-direction:column;gap:12px;position:relative;z-index:10}.dwb-quiz-option{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:20px;cursor:pointer;font-size:16px;font-weight:500;color:#374151;text-align:left;transition:all 0.3s ease;line-height:1.5;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100%;display:block;margin-bottom:10px;position:relative;z-index:1}.dwb-quiz-option:hover{border-color:#0ea5e9;background:#f0f9ff;transform:translateY(-2px);box-shadow:0 4px 12px rgb(14 165 233 / .15)}.dwb-quiz-option:active{transform:translateY(0);box-shadow:0 2px 8px rgb(14 165 233 / .2)}.dwb-quiz-option.selected{border-color:#0ea5e9;background:#f0f9ff;box-shadow:0 4px 12px rgb(14 165 233 / .2)}.dwb-quiz-navigation{margin-top:30px;text-align:center}.dwb-next-btn{background:#e2e8f0;color:#64748b;border:none;padding:16px 32px;border-radius:12px;cursor:not-allowed;font-weight:600;font-size:16px;transition:all 0.3s ease;opacity:.6;position:relative;z-index:100;pointer-events:auto}.dwb-next-btn.active{background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);color:#fff;cursor:pointer!important;opacity:1;box-shadow:0 4px 15px rgb(14 165 233 / .3);pointer-events:auto!important}.dwb-next-btn.active:hover{background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgb(14 165 233 / .4)}.dwb-quiz-results{text-align:center;padding:20px 0}.dwb-quiz-success h4{font-size:28px;font-weight:700;color:#059669;margin:0 0 25px 0}.dwb-recommended-type{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:2px solid #10b981;border-radius:16px;padding:30px;margin:25px 0}.dwb-recommended-type h3{font-size:32px;font-weight:700;color:#047857;margin:0 0 15px 0}.dwb-recommended-type p{font-size:18px;color:#065f46;margin:0;line-height:1.6}.dwb-quiz-actions{display:flex;gap:15px;justify-content:center;margin-top:25px}.dwb-select-recommended{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;border:none;padding:16px 32px;border-radius:12px;cursor:pointer;font-weight:600;font-size:16px;transition:all 0.3s ease;box-shadow:0 4px 15px rgb(16 185 129 / .3)}.dwb-select-recommended:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgb(16 185 129 / .4)}.dwb-take-quiz-again{background:#fff0;color:#64748b;border:2px solid #e2e8f0;padding:16px 32px;border-radius:12px;cursor:pointer;font-weight:600;font-size:16px;transition:all 0.3s ease}.dwb-take-quiz-again:hover{background:#f8fafc;border-color:#cbd5e0;color:#4a5568}.dwb-lead-capture{margin-top:30px;padding:25px;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:2px solid #0ea5e9;border-radius:16px}.dwb-lead-capture h5{margin:0 0 10px 0;color:#0c4a6e;font-size:18px;font-weight:600}.dwb-lead-capture p{margin:0 0 20px 0;color:#0369a1;font-size:14px;line-height:1.5}.dwb-lead-field{margin-bottom:15px}.dwb-lead-field input,.dwb-lead-field select{width:100%;padding:14px 18px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;background:#fff;transition:all 0.3s ease}.dwb-lead-field input:focus,.dwb-lead-field select:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px rgb(14 165 233 / .1)}.dwb-lead-actions{display:flex;gap:12px;margin-top:20px}.dwb-get-strategy{flex:2;background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);color:#fff;border:none;padding:14px 24px;border-radius:12px;cursor:pointer;font-weight:600;font-size:15px;transition:all 0.3s ease}.dwb-get-strategy:hover{background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);transform:translateY(-1px)}.dwb-skip-lead{flex:1;background:#fff0;color:#64748b;border:2px solid #e2e8f0;padding:14px 24px;border-radius:12px;cursor:pointer;font-weight:600;font-size:15px;transition:all 0.3s ease}.dwb-skip-lead:hover{background:#f8fafc;border-color:#cbd5e0;color:#4a5568}.dwb-lead-success{text-align:center;padding:30px 20px}.dwb-success-icon{font-size:48px;margin-bottom:20px}.dwb-lead-success h4{font-size:24px;font-weight:700;color:#059669;margin:0 0 15px 0}.dwb-lead-success p{font-size:16px;color:#065f46;line-height:1.6;margin:0 0 25px 0}.dwb-success-actions{margin-top:25px}.dwb-continue-building{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;border:none;padding:16px 32px;border-radius:12px;cursor:pointer;font-weight:600;font-size:16px;transition:all 0.3s ease;box-shadow:0 4px 15px rgb(16 185 129 / .3)}.dwb-continue-building:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgb(16 185 129 / .4)}.dwb-lead-capture-first{text-align:center;padding:20px}.dwb-lead-capture-first h4{font-size:24px;font-weight:700;color:#1e40af;margin:0 0 15px 0}.dwb-lead-capture-first p{font-size:16px;color:#374151;line-height:1.6;margin:0 0 25px 0}.dwb-start-quiz{background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);color:#fff;border:none;padding:16px 32px;border-radius:12px;cursor:pointer;font-weight:600;font-size:16px;transition:all 0.3s ease;box-shadow:0 4px 15px rgb(14 165 233 / .3);width:100%;margin-top:20px}.dwb-start-quiz:hover{background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgb(14 165 233 / .4)}.dwb-image-style-preview{display:flex;gap:15px;margin-top:15px;flex-wrap:wrap}.dwb-image-style-option{flex:1;min-width:120px;text-align:center;padding:15px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;transition:all 0.3s ease}.dwb-image-style-option:hover{border-color:#667eea;transform:translateY(-2px)}.dwb-image-style-option.active{border-color:#667eea;background:#f0f7ff}.dwb-image-style-option img{width:60px;height:60px;object-fit:cover;margin-bottom:10px}.dwb-image-style-option.rounded img{border-radius:8px}.dwb-image-style-option.circle img{border-radius:50%}.dwb-image-style-option.square img{border-radius:0}.dwb-image-style-option.none img{border:none}.dwb-image-style-option h4{margin:0;font-size:14px;color:#2d3748}.dwb-hero-preview{margin-top:15px;padding:20px;border:2px solid #e2e8f0;border-radius:12px;background:#f8fafc;box-shadow:0 2px 4px rgb(0 0 0 / .05)}.dwb-hero-preview h4{margin:0 0 15px 0;color:#2d3748;font-size:16px;font-weight:600}.dwb-hero-preview-content{background:#fff;padding:20px;border-radius:8px;border:1px solid #e2e8f0}.dwb-hero-preview-content h2{margin:0 0 15px 0;font-size:32px;font-weight:700;color:#1a202c;line-height:1.2}.dwb-hero-preview-content p{margin:0;font-size:18px;color:#4a5568;line-height:1.5}.dwb-image-style-preview{margin-top:15px;padding:20px;border:2px solid #e2e8f0;border-radius:12px;background:#f8fafc;box-shadow:0 2px 4px rgb(0 0 0 / .05)}.dwb-image-style-preview h4{margin:0 0 15px 0;color:#2d3748;font-size:16px;font-weight:600}.dwb-image-style-options{display:flex;gap:15px;flex-wrap:wrap}.dwb-image-style-sample{flex:1;min-width:120px;text-align:center}.dwb-image-style-sample img{width:120px;height:120px;object-fit:cover;border:2px solid #e2e8f0;transition:all 0.3s ease}.dwb-image-style-sample img:hover{transform:scale(1.05);box-shadow:0 4px 12px rgb(0 0 0 / .15)}.dwb-button-preview{margin-top:15px;padding:20px;border:2px solid #e2e8f0;border-radius:12px;background:#f8fafc;box-shadow:0 2px 4px rgb(0 0 0 / .05)}.dwb-button-preview h4{margin:0 0 15px 0;color:#2d3748;font-size:16px;font-weight:600}.dwb-button-preview-content{background:#fff;padding:20px;border-radius:8px;border:1px solid #e2e8f0;text-align:center}.dwb-preview-button{padding:14px 28px;font-size:16px;font-weight:600;border:none;cursor:pointer;transition:all 0.3s ease;background:#667eea;color:#fff}.dwb-btn-rounded{border-radius:8px}.dwb-btn-square{border-radius:0}.dwb-btn-pill{border-radius:50px}.dwb-btn-minimal{border-radius:0;background:#fff0;color:#667eea;border:2px solid #667eea}.dwb-btn-minimal:hover{background:#667eea;color:#fff}.dwb-section{border:2px solid #e2e8f0;border-radius:20px;padding:35px;margin-bottom:35px;background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);position:relative;overflow:hidden;box-shadow:0 8px 25px rgb(0 0 0 / .08)}.dwb-section::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.dwb-section h3{margin:0 0 30px 0;color:#1a202c;font-size:24px;font-weight:700;position:relative;padding-left:25px;line-height:1.3}.dwb-section h3::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.dwb-image-field{display:flex;flex-direction:column;gap:15px}.dwb-image-select{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:14px 24px;border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px rgb(102 126 234 / .3)}.dwb-image-select:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgb(102 126 234 / .4);background:linear-gradient(135deg,#5a67d8 0%,#6b46c1 100%)}.dwb-image-select:active{transform:translateY(0);box-shadow:0 4px 15px rgb(102 126 234 / .3)}.dwb-image-preview{max-width:200px;max-height:150px;border:1px solid #ddd;border-radius:4px;overflow:hidden;display:none}.dwb-image-preview img{width:100%;height:auto}.dwb-repeatable{border:2px solid #e2e8f0;border-radius:16px;padding:25px;background:#fff;box-shadow:0 4px 20px rgb(0 0 0 / .05)}.dwb-items{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.dwb-item{border:2px solid #e2e8f0;border-radius:12px;padding:25px;background:linear-gradient(135deg,#f7fafc 0%,#edf2f7 100%);position:relative;transition:all 0.3s ease}.dwb-item:hover{border-color:#667eea;box-shadow:0 8px 25px rgb(102 126 234 / .1);transform:translateY(-2px)}.dwb-remove-item{position:absolute;top:15px;right:15px;background:#fff;color:#dc3545;border:2px solid #dc3545;border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;box-shadow:0 2px 8px rgb(0 0 0 / .1)}.dwb-remove-item:before{content:"−";font-size:20px;font-weight:700;line-height:1}.dwb-remove-item:hover{background:#dc3545;color:#fff;transform:scale(1.1);box-shadow:0 4px 12px rgb(220 53 69 / .3)}.dwb-add-item{background:linear-gradient(135deg,#48bb78 0%,#38a169 100%);color:#fff;padding:14px 24px;border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px rgb(72 187 120 / .3)}.dwb-add-item::before{content:'+';font-size:20px;font-weight:700}.dwb-add-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgb(72 187 120 / .4);background:linear-gradient(135deg,#38a169 0%,#2f855a 100%)}.dwb-sub-field{margin-bottom:10px}.dwb-sub-field label{font-size:14px;font-weight:500;color:#666}.dwb-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .5);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;box-sizing:border-box}.dwb-modal-content{background:#fff;border-radius:12px;max-width:720px;width:95%;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px rgb(0 0 0 / .25)}.dwb-image-modal-content{max-width:1200px;width:95vw;max-height:88vh}.dwb-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #ddd}.dwb-modal-header h3{margin:0;color:#333}.dwb-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666}.dwb-modal-close:hover{color:#333}.dwb-modal-body{padding:16px;flex:1;overflow-y:auto}.dwb-curated-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.dwb-curated-btn{background:#edf2f7;border:1px solid #e2e8f0;color:#2d3748;border-radius:16px;padding:6px 12px;cursor:pointer;font-size:13px}.dwb-curated-btn:hover{background:#e2e8f0}.dwb-search-row{display:flex;gap:12px;align-items:center;margin-bottom:10px}.dwb-filter-container select{height:36px;border:1px solid #e2e8f0;border-radius:6px;padding:0 8px;margin-left:8px}.dwb-image-tabs{display:flex;border-bottom:1px solid #ddd;margin-bottom:20px}.dwb-tab-button{background:none;border:none;padding:10px 20px;cursor:pointer;border-bottom:2px solid #fff0;transition:all 0.3s ease}.dwb-tab-button.active{border-bottom-color:#007cba;color:#007cba;font-weight:600}.dwb-tab-content{display:none}.dwb-tab-content.active{display:block}.dwb-search-container{display:flex;gap:10px;margin-bottom:20px}.dwb-search-container input{flex:1}.dwb-search-container button{background:#007cba;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.dwb-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;max-height:70vh;overflow-y:auto}.dwb-image-item img{width:100%;height:170px;object-fit:cover}.dwb-image-item{position:relative;border:1px solid #ddd;border-radius:4px;overflow:hidden;cursor:pointer;transition:transform 0.3s ease}.dwb-image-item:hover{transform:scale(1.05)}.dwb-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease}.dwb-image-item:hover .dwb-image-overlay{opacity:1}.dwb-image-overlay button{background:#007cba;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.dwb-color-picker-container{display:flex;flex-direction:column;gap:15px}.dwb-color-picker{width:100%;height:40px;border:1px solid #ddd;border-radius:4px;cursor:pointer}.dwb-preset-colors{display:flex;gap:10px;flex-wrap:wrap}.dwb-color-preset{width:40px;height:40px;border-radius:50%;cursor:pointer;border:2px solid #ddd;transition:transform 0.3s ease}.dwb-color-preset:hover{transform:scale(1.1)}.dwb-form-nav{position:fixed;top:20px;left:20px;right:20px;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 10px rgb(0 0 0 / .1);z-index:1000;border-radius:12px;max-width:calc(100vw - 40px)}.dwb-nav-container{max-width:1200px;margin:0 auto;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative}.dwb-nav-progress{display:flex;align-items:center;gap:15px;min-width:200px}.dwb-progress-bar{width:120px;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.dwb-progress-fill{height:100%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:4px;transition:width 0.3s ease;width:0%}.dwb-progress-text{font-size:14px;font-weight:600;color:#4a5568;white-space:nowrap}.dwb-nav-sections{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.dwb-nav-sections::-webkit-scrollbar{display:none}.dwb-nav-section{padding:8px 16px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:20px;font-size:14px;font-weight:500;color:#4a5568;cursor:pointer;transition:all 0.3s ease;white-space:nowrap;text-decoration:none}.dwb-nav-section:hover{background:#edf2f7;border-color:#cbd5e0;transform:translateY(-1px)}.dwb-nav-section.active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-color:#667eea;box-shadow:0 2px 8px rgb(102 126 234 / .3)}.dwb-nav-section.completed{background:#48bb78;color:#fff;border-color:#48bb78}.dwb-nav-section.completed::after{content:'✓';margin-left:6px;font-weight:700}.fixed-nav{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1000!important}@media (max-width:768px){.dwb-nav-container{flex-direction:column;gap:15px;padding:10px 15px}.dwb-nav-progress{width:100%;justify-content:center}.dwb-nav-sections{width:100%;justify-content:flex-start}.dwb-nav-section{padding:6px 12px;font-size:13px}}.dwb-form{padding-top:100px}.dwb-actions{display:flex;gap:20px;justify-content:center;margin-top:30px}.dwb-submit{background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);color:#fff;box-shadow:0 4px 15px rgb(14 165 233 / .3);font-size:16px;font-weight:600;padding:15px 40px;border-radius:8px;border:none;cursor:pointer;transition:all 0.3s ease;width:200px;white-space:nowrap;flex-shrink:0}.dwb-submit:hover{background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgb(14 165 233 / .4)}.dwb-submit:active{transform:translateY(-1px);box-shadow:0 4px 15px rgb(14 165 233 / .3)}.dwb-submit:disabled{background:#e2e8f0;color:#64748b;cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.dwb-summary-btn{background:linear-gradient(135deg,#48bb78 0%,#38a169 100%);color:#fff;box-shadow:0 4px 15px rgb(72 187 120 / .3);text-transform:none;font-size:16px;font-weight:600;padding:15px 40px;border-radius:8px;border:none;cursor:pointer;transition:all 0.3s ease;width:200px;white-space:nowrap;flex-shrink:0}.dwb-summary-btn:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgb(72 187 120 / .4);background:linear-gradient(135deg,#38a169 0%,#2f855a 100%)}.dwb-summary-content{max-width:800px;width:90%}.dwb-summary{max-height:60vh;overflow-y:auto}.dwb-summary h4{color:#2d3748;font-size:1.5rem;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #667eea}.dwb-summary-section{margin-bottom:25px;padding:20px;background:#f7fafc;border-radius:12px;border-left:4px solid #667eea}.dwb-summary-section h5{color:#2d3748;font-size:1.2rem;margin:0 0 15px 0;font-weight:600}.dwb-summary-section p{margin:8px 0;color:#4a5568;line-height:1.6}.dwb-summary-section strong{color:#2d3748;font-weight:600}@media (max-width:768px){.dwb-form-container{margin:10px;padding:15px}.dwb-image-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.dwb-search-container{flex-direction:column}.dwb-actions{flex-direction:column;align-items:center}.dwb-summary-content{width:95%;margin:10px}}.dwb-selected-tray{position:sticky;bottom:0;background:#fff;border-top:1px solid #e2e8f0;padding:10px;display:flex;gap:8px;align-items:center;overflow-x:auto}.dwb-selected-thumb{width:56px;height:56px;border-radius:6px;overflow:hidden;border:1px solid #e2e8f0;position:relative;flex:0 0 auto}.dwb-selected-thumb img{width:100%;height:100%;object-fit:cover}.dwb-selected-remove{position:absolute;top:-6px;right:-6px;background:#dc2626;color:#fff;border:none;border-radius:50%;width:18px;height:18px;font-size:12px;cursor:pointer}.dwb-gradient-toggle{margin:8px 0}.dwb-gradient-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}.dwb-color-stop{width:120px;height:36px;border:1px solid #ddd;border-radius:4px;padding:0 8px}.dwb-gradient-angle{width:80px;height:36px;border:1px solid #ddd;border-radius:4px;padding:0 8px}.dwb-gradient-preview{height:40px;border-radius:6px;border:1px solid #e2e8f0}.dwb-color-field{display:flex;gap:8px;align-items:center}.dwb-color-field input[type="color"]{width:44px;height:36px;padding:0;border:1px solid #ddd;border-radius:4px}.dwb-color-field input[type="text"]{height:36px;border:1px solid #ddd;border-radius:4px;padding:0 8px;width:120px}.dwb-color-field .dwb-color-select{height:36px;padding:0 10px;border:1px solid #e2e8f0;background:#f8fafc;border-radius:6px;cursor:pointer}.dwb-color-field .dwb-color-swatch{width:40px;height:36px;border-radius:4px;border:1px solid #e2e8f0}.dwb-tooltip-icon{display:inline-block;margin-left:8px;color:#667eea;cursor:help;font-size:14px;font-weight:700}.dwb-tooltip{position:absolute;background:#2d3748;color:#fff;padding:12px 16px;border-radius:8px;font-size:14px;line-height:1.4;max-width:300px;z-index:10000;box-shadow:0 4px 20px rgb(0 0 0 / .3);pointer-events:none}.dwb-tooltip::before{content:'';position:absolute;top:-6px;left:20px;width:0;height:0;border-left:6px solid #fff0;border-right:6px solid #fff0;border-bottom:6px solid #2d3748}.dwb-field input[name$="_custom"]{margin-top:8px;border:2px solid #667eea;background:#f8fafc}.dwb-field input[name$="_custom"]:focus{border-color:#4c51bf;background:#fff;box-shadow:0 0 0 3px rgb(102 126 234 / .1)}.dwb-section[data-section="professional_profile"] .dwb-field{margin-bottom:20px}.dwb-section[data-section="professional_profile"] select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:12px 16px;font-size:16px;transition:all 0.2s ease}.dwb-section[data-section="professional_profile"] select:focus{border-color:#667eea;box-shadow:0 0 0 3px rgb(102 126 234 / .1);outline:none}.dwb-section[data-section="professional_profile"] select:hover{border-color:#a0aec0}