.contact-form-container{max-width:600px;margin:0 auto;padding:1rem}#contactForm{display:flex;flex-wrap:wrap;gap:1rem}.form-group{flex:1 1 100%}@media (min-width:600px){.form-group{flex:1 1 calc(50% - 1rem)}.form-group.full-width{flex:1 1 100%}}.form-group label{margin-bottom:.3rem;color:#2c3e50;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#668eb7}#submitButton{width:100%;padding:.8rem;background-color:#668eb7;color:white;border:none;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .3s ease;position:relative}#submitButton:hover{background-color:#5577a0}#submitButton:disabled{background-color:#94abd0;cursor:not-allowed}.spinner{display:none;width:16px;height:16px;border:2px solid #ffffff;border-top-color:transparent;border-radius:50%;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.submitting .spinner{display:block;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translateY(-50%) rotate(0deg)}to{transform:translateY(-50%) rotate(1turn)}}.form-status{margin-top:.5rem;text-align:center}.error-message,.success-message{display:none;padding:.8rem;border-radius:4px;margin-top:.5rem}.success-message{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.error-message{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}