.elementor-kit-36{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#000000;--e-global-color-text:#707070;--e-global-color-accent:#BBBBBB;--e-global-typography-accent-font-family:"DM Sans";--e-global-typography-accent-font-size:18px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-line-height:1.3em;background-color:#000000;}.elementor-kit-36 button,.elementor-kit-36 input[type="button"],.elementor-kit-36 input[type="submit"],.elementor-kit-36 .elementor-button{background-color:var( --e-global-color-accent );font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:500;line-height:1.3em;color:#000000;}.elementor-kit-36 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:5vw;--container-default-padding-right:5vw;--container-default-padding-bottom:5vw;--container-default-padding-left:5vw;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1366px){.elementor-kit-36{--e-global-typography-accent-font-size:18px;--e-global-typography-accent-line-height:1.3em;}.elementor-kit-36 button,.elementor-kit-36 input[type="button"],.elementor-kit-36 input[type="submit"],.elementor-kit-36 .elementor-button{font-size:16px;line-height:1.3em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;--container-default-padding-top:5vw;--container-default-padding-right:5vw;--container-default-padding-bottom:5vw;--container-default-padding-left:5vw;}}@media(max-width:1024px){.elementor-kit-36{--e-global-typography-accent-font-size:18px;--e-global-typography-accent-line-height:1.3em;}.elementor-kit-36 button,.elementor-kit-36 input[type="button"],.elementor-kit-36 input[type="submit"],.elementor-kit-36 .elementor-button{font-size:16px;line-height:1.3em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;--container-default-padding-top:5vw;--container-default-padding-right:5vw;--container-default-padding-bottom:5vw;--container-default-padding-left:5vw;}}@media(max-width:767px){.elementor-kit-36{--e-global-typography-accent-font-size:18px;--e-global-typography-accent-line-height:1.3em;}.elementor-kit-36 button,.elementor-kit-36 input[type="button"],.elementor-kit-36 input[type="submit"],.elementor-kit-36 .elementor-button{font-size:16px;line-height:1.3em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:5vw;--container-default-padding-right:5vw;--container-default-padding-bottom:5vw;--container-default-padding-left:5vw;}}/* Start custom CSS *//* Fundo escuro geral */
body {
    background: #000000;
    color: #ffffff;
}

/* Container do formulário */
.elementor-form-fields-wrapper {
    max-width: 600px;
    margin: 0 auto;
}

/* Estilo do input */
.elementor-field-group input[type="text"],
.elementor-field-group input[type="email"],
.elementor-field-group input[type="tel"],
.elementor-field-group textarea {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 10px !important;
    padding: 20px !important;
    color: #ffffff !important;
    font-size: 17px !important;
    transition: all 0.3s ease !important;
}

/* Placeholder */
.elementor-field-group input::placeholder,
.elementor-field-group textarea::placeholder {
    color: rgba(255, 255, 255, 0.4) !important;
}

/* Input em foco */
.elementor-field-group input:focus,
.elementor-field-group textarea:focus {
    border-color: #8B5CF6 !important;
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.2) !important;
    outline: none !important;
}

/* Botão Continuar */
.elementor-button.elementor-button-next {
    background: linear-gradient(135deg, #A855F7 0%, #8B5CF6 100%) !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 16px 48px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    box-shadow: 0 10px 30px rgba(139, 92, 246, 0.4) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

.elementor-button.elementor-button-next:hover {
    background: linear-gradient(135deg, #9333EA 0%, #7C3AED 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 15px 40px rgba(139, 92, 246, 0.6) !important;
}

/* Botão Voltar */
.elementor-button.elementor-button-previous {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 50px !important;
    padding: 16px 32px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #ffffff !important;
    transition: all 0.3s ease !important;
}

.elementor-button.elementor-button-previous:hover {
    background: rgba(255, 255, 255, 0.1) !important;
}

/* Container dos botões */
.elementor-field-type-step {
    display: flex !important;
    justify-content: space-between !important;
    gap: 20px !important;
    margin-top: 60px !important;
}

/* Animação entre steps */
.elementor-form {
    animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Indicador de progresso customizado */
.step-indicator {
    font-size: 14px;
    color: #999999;
    text-align: center;
    margin-bottom: 40px;
}

/* Ícone decorativo */
.step-icon {
    color: #8B5CF6;
    font-size: 28px;
    text-align: center;
    margin-bottom: 30px;
}
```

---

## **PARTE 4: Estrutura de 8 Passos**

Configure seu formulário assim:
```
PASSO 1: Nome
- Campo: Nome completo (text)
- Step: Next Button

PASSO 2: Email
- Campo: Endereço de email (email)
- Step: Next Button

PASSO 3: Telefone
- Campo: WhatsApp/Telefone (tel)
- Step: Next Button

PASSO 4: Empresa/Profissão
- Campo: Onde você trabalha? (text)
- Step: Next Button

PASSO 5: Serviço
- Campo: Qual serviço procura? (select)
  Opções: Design, Desenvolvimento, Marketing, etc.
- Step: Next Button

PASSO 6: Orçamento
- Campo: Qual seu orçamento? (select)
  Opções: Até R$5k, R$5-10k, R$10-20k, R$20k+
- Step: Next Button

PASSO 7: Prazo
- Campo: Quando precisa? (select)
  Opções: Urgente, 1 mês, 2-3 meses, Flexível
- Step: Next Button

PASSO 8: Detalhes
- Campo: Conte mais sobre o projeto (textarea)
- Submit Button/* End custom CSS */