.contact-form{font-family:var(--cc-font-family);overflow:hidden;padding:.5rem 0;position:relative}.progress-bar{background-color:#e5e7eb;border-radius:9999px;height:.375rem;margin-bottom:.5rem;width:100%}.dark .progress-bar{background-color:#374151}.progress-bar-fill{background-color:var(--primary-color-400);border-radius:9999px;height:100%}.step-container{margin:0 auto;max-width:440px}.content{color:var(--text-color);display:flex;flex-direction:column;font-size:.875rem;gap:10px;line-height:160%;margin-bottom:20px}.content h1,h2,h3,h4,h5,h6{font-weight:600;text-align:center}.content p{margin:0!important}.content hr{border:1px solid #e5e7eb;width:100%}.buttons-container{flex-direction:column;gap:.75rem;margin-bottom:10px}.buttons-container,.external-link{align-items:center;display:flex;justify-content:center}.external-link{border:1px solid #bfdbfe;border-radius:var(--b-radius);color:var(--text-color);cursor:pointer;gap:.5rem;padding:1.2rem;text-decoration:none;transition:var(--transition-colors);width:100%}.external-link:hover{background-color:#bfdbfe1a}.form-label{align-items:center;border:1px solid var(--primary-color-200);border-radius:var(--b-radius);cursor:pointer;display:flex;gap:.5rem;justify-content:center;padding:1.2rem;transition:var(--transition-colors);width:100%}.form-label:has(input:checked){background-color:var(--primary-color-100);border-color:var(--primary-color-300)}.hidden-input{height:0;opacity:0;position:absolute;width:0}.form-icon{color:var(--primary-color-500);flex-shrink:0;height:40px;width:40px}.navigation-buttons{display:flex;gap:.5rem;margin-top:1.5rem}.nav-button{align-items:center;border-radius:var(--b-radius);display:flex;font-weight:600;gap:.5rem;justify-content:center;min-width:120px;padding:.5rem 1rem;transition:var(--transition-colors);width:100%}.go-back,.prev-button{background-color:var(--primary-color)}.go-back,.next-button,.prev-button{color:#fff;flex-direction:column-reverse}.next-button{background-color:var(--primary-color-500)}.go-back:hover,.next-button:hover,.prev-button:hover{background-color:var(--primary-hover)}.button-icon{flex-shrink:0;height:24px;width:24px}@media (min-width:768px){.content{font-size:1rem;line-height:1.5rem}}.contact-form{color:#333;margin:0 auto;max-width:500px;padding:20px}.gender-selection{display:flex;gap:10px;margin-bottom:20px}.gender-option{align-items:center;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;flex:1;flex-direction:column;font-weight:600;padding:12px;text-align:center;transition:all .2s ease}.gender-option:hover{background-color:#f5f5f5}.gender-input{opacity:0;position:absolute}.gender-input:checked+.gender-icon,.gender-input:checked~span{color:#4a90e2}.gender-icon{color:#888;font-size:24px;transition:all .2s ease}.terms-checkbox{align-items:flex-start;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;margin-top:20px;padding:12px}.terms-input{margin-right:10px;margin-top:3px}.terms-text{color:#555;font-size:14px;line-height:1.5}.terms-text a{color:#4a90e2;text-decoration:none}.terms-text a:hover{text-decoration:underline}.phone-input{font-family:monospace;letter-spacing:.5px}.form-divider{background-color:#eee;height:1px;margin:20px 0}.phone-input-group{display:flex}.country-select-container{margin-right:10px;width:200px}.country-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--primary-color-50);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;border:1px solid var(--primary-color-300);border-radius:.5rem;color:var(--primary-color-900);cursor:pointer;font-family:inherit;font-size:.9375rem;padding:.625rem 1rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.country-select:focus{border-color:var(--primary-color-600);box-shadow:0 0 0 2px #4a90e233;outline:0}.country-select option{font-size:.875rem;padding:.5rem}.phone-input-group .form-input{flex:1}@media (max-width:480px){.phone-input-group{flex-direction:column}.country-select-container{margin-bottom:.5rem;margin-right:0;width:100%}}