[x-cloak]{display:none!important}html{scroll-behavior:smooth}.contact-form-container{opacity:1;background-color:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transition:all .3s ease;border:1px solid #e5e7eb;position:relative;overflow:hidden}.contact-form-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#01aef2,#08c,#069);z-index:1}@media (max-width: 767px){.contact-form-container:before{display:none}.contact-form-container{box-shadow:none;border:none}}.submit-button-container{position:relative}.submit-button-container .default-state{display:flex;align-items:center}.submit-button-container .alpine-state,.submit-button-container.loaded .default-state{display:none}.submit-button-container.loaded .alpine-state{display:flex}.animate-slide-left{animation:slideInLeft .6s ease-out}.animate-slide-right{animation:slideInRight .6s ease-out}.animate-text-slide{animation:textSlide .8s ease-out}.card-hover{transition:all .3s ease}.card-hover:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000001a}.card-interactive{transition:all .2s ease}.card-interactive:focus-within{transform:translateY(-1px);box-shadow:0 8px 20px #00000014}.form-field{background-color:#fff;border:1px solid #d1d5db;color:#111827;transition:all .2s ease;border-radius:9999px;padding:.75rem 1rem}.form-field[type=text],.form-field[type=email],.form-field[type=tel],.form-field[type=date],.form-field[type=number],.form-field[type=search],.form-field select{height:3rem}.form-field:focus{outline:none;border-color:#01aef2;box-shadow:0 0 0 2px #01aef2;background-color:#fff}.form-field:hover{border-color:#9ca3af;transform:translateY(-1px)}.form-field textarea,textarea.form-field{border-radius:.75rem!important}.form-hint{color:#6b7280;font-size:.875rem;background-color:#dbeafe;border-left:4px solid #60a5fa;padding:.75rem;border-radius:0 .5rem .5rem 0}.character-counter{color:#6b7280;font-size:.75rem;line-height:1rem}.character-counter.warning{color:#f59e0b}.character-counter.error{color:#ef4444}textarea[data-auto-resize]{transition:height .2s ease-out;line-height:1.5}#message{min-height:6rem;max-height:20rem;transition:height .2s ease-out;line-height:1.5;overflow-y:auto}#message::-webkit-scrollbar{width:6px}#message::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}#message::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}#message::-webkit-scrollbar-thumb:hover{background:#94a3b8}.field-error{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important;background-color:#fef2f2!important;animation:shake .5s ease-in-out}.field-success{border-color:#10b981!important;box-shadow:0 0 0 3px #10b9811a!important;background-color:#f0fdf4!important;animation:successPulse .6s ease-in-out}.field-neutral{border-color:#d1d5db;background-color:#fff;box-shadow:none}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes textSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.card-hover:hover{transform:none}.card-interactive:focus-within{transform:none}}.form-field-label{transition:color .2s ease-in-out}.form-field-label .required-indicator{color:#ef4444;font-weight:600;transition:all .2s ease-in-out}.form-field:focus+.form-field-label .required-indicator{color:#6366f1;transform:scale(1.1)}.error-message,.success-message{animation:fadeInUp .3s ease-out;font-weight:500}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-submitting .form-field{opacity:.7;pointer-events:none}.form-submitted .form-field{opacity:.5;pointer-events:none}
