@media only screen and (min-width: 0rem) {.questionnaire-section {padding: 5rem 0 2.5rem;background-color: #f7f7f7;position: relative;z-index: 1;min-height: 100vh;display: flex;align-items: center;justify-content: center;}.questionnaire-section .cs-container, .questionnaire-section .container {position: relative;width: 92%;max-width: 68.75rem;margin: auto;}.questionnaire-section .progress-container {margin-bottom: 2rem;}.questionnaire-section .progress-bar {width: 100%;height: 0.375rem;background-color: #e0e0e0;border-radius: 0.25rem;overflow: hidden;margin-bottom: 1.5rem;}.questionnaire-section .progress-fill {height: 100%;background: linear-gradient(90deg, var(--primary), var(--primaryLight));border-radius: 0.25rem;transition: width 0.3s ease;width: 12.5%;}.questionnaire-section .progress-steps {display: none;}.questionnaire-section .form-container {background-color: #fff;border-radius: 0.5rem;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}.questionnaire-section .cs-content {text-align: center;padding: 1.5rem 1.5rem 1rem;width: 100%;max-width: 46.875rem;margin: 0 auto;display: flex;flex-direction: column;align-items: center;}.questionnaire-section .cs-title {margin: 0 0 0.75rem 0;font-size: 1.75rem;width: 100%;}.questionnaire-section .cs-text {margin: 0 0 1.5rem 0;font-size: 0.875rem;width: 100%;max-width: 40.625rem;}.questionnaire-section .cs-form {width: 100%;padding: 0 1.5rem 1.5rem;box-sizing: border-box;}.questionnaire-section .form-step {display: none;animation: fadeIn 0.3s ease;min-height: 18.75rem;}.questionnaire-section .form-step.active {display: block;}@keyframes fadeIn {from {opacity: 0;transform: translateY(10px);}to {opacity: 1;transform: translateY(0);}}.questionnaire-section .step-title {font-size: 1.25rem;color: var(--headerColor);margin-bottom: 0.5rem;}.questionnaire-section .step-description {font-size: 0.8125rem;color: var(--bodyTextColor);margin-bottom: 1.25rem;}.questionnaire-section .form-row {display: flex;gap: 0.75rem;margin-bottom: 0.75rem;}.questionnaire-section .form-row .cs-label {flex: 1;}}@media only screen and (min-width: 0rem) and (max-width: 30rem) {.questionnaire-section .form-row {flex-direction: column;gap: 0;}}@media only screen and (min-width: 0rem) {.questionnaire-section .address-group {margin-bottom: 1.25rem;padding: 1rem;background-color: #f9f9f9;border-radius: 0.5rem;}.questionnaire-section .address-group .address-title {font-size: 0.9375rem;font-weight: 600;color: var(--headerColor);margin-bottom: 0.75rem;}.questionnaire-section .address-group .cs-label {margin-bottom: 0.625rem;}.questionnaire-section .address-group .form-row .cs-label {margin-bottom: 0;}.questionnaire-section .cs-label {font-size: 0.875rem;width: 100%;color: var(--headerColor);display: flex;flex-direction: column;gap: 0.375rem;margin-bottom: 0.75rem;font-weight: 500;}.questionnaire-section .cs-label .field-hint {font-size: 0.75rem;color: #666;font-weight: 400;margin-top: -0.25rem;font-style: italic;}.questionnaire-section .cs-input {font-size: 1rem;width: 100%;height: 3rem;padding: 0 1rem;color: var(--headerColor);background-color: #f7f7f7;border: 1px solid #e0e0e0;border-radius: 0.25rem;box-sizing: border-box;transition: border-color 0.3s ease;}.questionnaire-section .cs-input:focus {outline: none;border-color: var(--primary);background-color: #fff;}.questionnaire-section .cs-input::placeholder {color: #999;opacity: 0.7;}.questionnaire-section .cs-textarea {min-height: 6.25rem;padding-top: 0.75rem;resize: vertical;font-family: inherit;}.questionnaire-section .cs-textarea.tall {min-height: 9.375rem;}.questionnaire-section .radio-group, .questionnaire-section .checkbox-group {margin-bottom: 1.25rem;}.questionnaire-section .radio-label, .questionnaire-section .checkbox-label {font-size: 0.9375rem;font-weight: 500;color: var(--headerColor);margin-bottom: 0.75rem;display: block;}.questionnaire-section .radio-option, .questionnaire-section .checkbox-option {display: flex;align-items: center;margin-bottom: 0.625rem;cursor: pointer;font-size: 0.875rem;color: var(--bodyTextColor);}.questionnaire-section .radio-option input, .questionnaire-section .checkbox-option input {margin-right: 0.625rem;cursor: pointer;}.questionnaire-section .radio-option span, .questionnaire-section .checkbox-option span {cursor: pointer;user-select: none;}.questionnaire-section .radio-option:hover span, .questionnaire-section .checkbox-option:hover span {color: var(--primary);}.questionnaire-section .form-navigation {display: flex;justify-content: space-between;align-items: center;gap: 1rem;margin-top: 2rem;padding-top: 1.5rem;border-top: 1px solid #e0e0e0;}.questionnaire-section .nav-button, .questionnaire-section .cs-submit {font-size: 1rem;line-height: 3rem;padding: 0 2rem;min-width: 7.5rem;background-color: var(--primary);color: #fff;border: none;border-radius: 0.25rem;cursor: pointer;font-weight: 700;transition: all 0.3s ease;}.questionnaire-section .nav-button:hover, .questionnaire-section .cs-submit:hover {background-color: var(--primaryLight);transform: translateY(-2px);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);}.questionnaire-section .nav-button:disabled, .questionnaire-section .cs-submit:disabled {opacity: 0.5;cursor: not-allowed;transform: none;}.questionnaire-section #prevBtn {background-color: #666;}.questionnaire-section #prevBtn:hover:not(:disabled) {background-color: #444;}.questionnaire-section .cs-submit {min-width: 12.5rem;}}@media only screen and (min-width: 48rem) {.questionnaire-section .progress-steps {display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: nowrap;gap: 0.5rem;}.questionnaire-section .step {flex: 1;min-width: auto;text-align: center;position: relative;opacity: 0.5;transition: opacity 0.3s ease;}.questionnaire-section .step.active {opacity: 1;}.questionnaire-section .step.active .step-number {background-color: var(--primary);color: #fff;transform: scale(1.05);}.questionnaire-section .step.active .step-label {color: var(--primary);font-weight: 600;}.questionnaire-section .step.completed {opacity: 1;}.questionnaire-section .step.completed .step-number {background-color: var(--primaryLight);color: #fff;}.questionnaire-section .step-number {width: 2rem;height: 2rem;border-radius: 50%;background-color: #e0e0e0;color: #666;display: flex;align-items: center;justify-content: center;margin: 0 auto 0.5rem;font-weight: 700;font-size: 0.875rem;transition: all 0.3s ease;}.questionnaire-section .step-label {font-size: 0.75rem;color: var(--bodyTextColor);display: block;transition: all 0.3s ease;}.questionnaire-section .cs-title {font-size: 2.25rem;}}@media only screen and (min-width: 48rem) and (max-width: 47.9375rem) {.questionnaire-section .form-row {flex-direction: column;gap: 0;}}@media only screen and (min-width: 64rem) {.questionnaire-section .progress-container {margin-top: 1.5rem;margin-bottom: 2.5rem;}.questionnaire-section .form-navigation {justify-content: flex-end;gap: 1.5rem;}.questionnaire-section .nav-button, .questionnaire-section .cs-submit {min-width: 9.375rem;}}@media only screen and (min-width: 0rem) {body.dark-mode .questionnaire-section {background-color: rgba(0, 0, 0, 0.2);}body.dark-mode .questionnaire-section .cs-title, body.dark-mode .questionnaire-section .cs-text, body.dark-mode .questionnaire-section .step-title, body.dark-mode .questionnaire-section .step-description {color: var(--bodyTextColorWhite);}body.dark-mode .questionnaire-section .progress-bar {background-color: rgba(255, 255, 255, 0.1);}body.dark-mode .questionnaire-section .step-number {background-color: rgba(255, 255, 255, 0.1);color: var(--bodyTextColorWhite);}body.dark-mode .questionnaire-section .step.active .step-number {background-color: var(--primary);}body.dark-mode .questionnaire-section .step-label {color: var(--bodyTextColorWhite);opacity: 0.7;}body.dark-mode .questionnaire-section .step.active .step-label {opacity: 1;}body.dark-mode .questionnaire-section .form-container {background-color: var(--medium);}body.dark-mode .questionnaire-section .address-group {background-color: rgba(0, 0, 0, 0.2);}body.dark-mode .questionnaire-section .address-group .address-title {color: var(--bodyTextColorWhite);}body.dark-mode .questionnaire-section .cs-label, body.dark-mode .questionnaire-section .radio-label, body.dark-mode .questionnaire-section .checkbox-label {color: var(--bodyTextColorWhite);}body.dark-mode .questionnaire-section .cs-label .field-hint, body.dark-mode .questionnaire-section .radio-label .field-hint, body.dark-mode .questionnaire-section .checkbox-label .field-hint {color: rgba(255, 255, 255, 0.6);}body.dark-mode .questionnaire-section .radio-option, body.dark-mode .questionnaire-section .checkbox-option {color: var(--bodyTextColorWhite);opacity: 0.8;}body.dark-mode .questionnaire-section .radio-option:hover span, body.dark-mode .questionnaire-section .checkbox-option:hover span {color: var(--primaryLight);}body.dark-mode .questionnaire-section .cs-input {background-color: rgba(255, 255, 255, 0.1);color: var(--bodyTextColorWhite);border-color: rgba(255, 255, 255, 0.2);}body.dark-mode .questionnaire-section .cs-input:focus {background-color: rgba(255, 255, 255, 0.15);border-color: var(--primary);}body.dark-mode .questionnaire-section .cs-input::placeholder {color: rgba(255, 255, 255, 0.5);}body.dark-mode .questionnaire-section .form-navigation {border-top-color: rgba(255, 255, 255, 0.1);}}