
                                                        /* ---- Reset / Base ---- */
                                                        

                                                        /* ---- Wizard wrapper ---- */
                                                        .wizard-wrap {
                                                            width: 100%;
                                                            max-width: 980px;
                                                            /* same as before, but now centered */
                                                        }

                                                        /* ---- Card ---- */
                                                        .card-w {
                                                            background: #fff;
                                                            border-radius: 14px;
                                                            padding: 26px;
                                                            box-shadow: 0 6px 22px rgba(16, 24, 40, .06);
                                                            border: 1px solid #eef2ff;
                                                            overflow: hidden;
                                                            /* keep everything inside */
                                                        }

                                                        /* ---- Progress / Steps ---- */
                                                        .step-indicators {
                                                            display: flex;
                                                            gap: 12px;
                                                            align-items: center;
                                                            justify-content: space-between;
                                                            margin-bottom: 22px;
                                                        }

                                                        .step-dot {
                                                            flex: 1;
                                                            display: flex;
                                                            align-items: center;
                                                            gap: 12px;
                                                        }

                                                        .step-num {
                                                            width: 36px;
                                                            height: 36px;
                                                            border-radius: 50%;
                                                            background: #eef2ff;
                                                            display: flex;
                                                            align-items: center;
                                                            justify-content: center;
                                                            color: var(--muted, #6b7280);
                                                            font-weight: 700;
                                                        }

                                                        .step-num.active {
                                                            background: linear-gradient(90deg, #4a60ff, #8b7bff);
                                                            color: #fff;
                                                            box-shadow: 0 6px 18px rgba(74, 96, 255, .18);
                                                        }

                                                        .step-title {
                                                            color: var(--muted, #6b7280);
                                                            font-size: 13px;
                                                        }

                                                        /* ---- Form sections ---- */
                                                        .form-section {
                                                            display: none;
                                                        }

                                                        .form-section.active {
                                                            display: block;
                                                            animation: fadeIn .18s ease-in;
                                                        }

                                                        @keyframes fadeIn {
                                                            from {
                                                                opacity: 0;
                                                                transform: translateY(6px);
                                                            }

                                                            to {
                                                                opacity: 1;
                                                                transform: none;
                                                            }
                                                        }

                                                        /* ---- Inputs ---- */
                                                        label {
                                                            font-weight: 600;
                                                            color: #222;
                                                            font-size: 14px;
                                                        }

                                                        .form-control,
                                                        .form-select,
                                                        textarea.form-control {
                                                            border-radius: 10px;
                                                            height: 46px;
                                                            border: 1px solid #e6e9f2;
                                                            background: #fff;
                                                            width: 100%;
                                                        }

                                                        textarea.form-control {
                                                            min-height: 90px;
                                                            height: auto;
                                                            padding-top: 10px;
                                                            padding-bottom: 10px;
                                                        }

                                                        /* ---- Buttons ---- */
                                                        .btn-wizard {
                                                            background: #4a60ff;
                                                            color: #fff;
                                                            border-radius: 12px;
                                                            padding: 10px 18px;
                                                            border: none;
                                                            font-weight: 600;
                                                            box-shadow: 0 8px 20px rgba(74, 96, 255, .14);
                                                        }

                                                        .btn-secondary {
                                                            background: #fff;
                                                            color: var(--muted, #6b7280);
                                                            border: 1px solid #e6e9f2;
                                                            border-radius: 10px;
                                                            padding: 9px 14px;
                                                        }

                                                        /* ---- Utilities ---- */
                                                        .section-title {
                                                            font-size: 18px;
                                                            font-weight: 700;
                                                            margin-bottom: 10px;
                                                            color: #152033;
                                                        }

                                                        .small-muted {
                                                            font-size: 13px;
                                                            color: var(--muted, #6b7280);
                                                            margin-top: 8px;
                                                        }

                                                        .file-preview {
                                                            margin-top: 8px;
                                                            max-height: 96px;
                                                            border-radius: 8px;
                                                            object-fit: cover;
                                                            border: 1px solid #eef2ff;
                                                        }

                                                        .progress {
                                                            height: 8px;
                                                            background: #eef2ff;
                                                            border-radius: 999px;
                                                            overflow: hidden;
                                                        }

                                                        .progress-bar {
                                                            background: linear-gradient(90deg, #4a60ff, #8b7bff);
                                                        }

                                                        /* ---- Responsive tweaks ---- */
                                                        @media (max-width: 767px) {
                                                            .step-title {
                                                                display: none;
                                                            }

                                                            .step-indicators {
                                                                gap: 8px;
                                                            }

                                                            .row.gap-3>* {
                                                                padding-right: calc(var(--bs-gutter-x, 15px) / 2);
                                                                padding-left: calc(var(--bs-gutter-x, 15px) / 2);
                                                            }
                                                        }
                                                  