.contact-container{max-width:800px;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);margin:0 auto}.contact-title{font-size:2rem;margin-bottom:1rem;color:#333;border-bottom:2px solid #f0f0f0;padding-bottom:.5rem}.contact-description{margin-bottom:2rem;color:#666;line-height:1.6}.contact-form{gap:1.5rem}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{font-weight:600;color:#333}.required{color:#e53e3e}.form-group input,.form-group textarea{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 2px rgba(49,130,206,.2)}.contact-button{background-color:#3182ce;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s;align-self:flex-start}.contact-button:hover{background-color:#2c5282}.contact-button:disabled{background-color:#a0aec0;cursor:not-allowed}.success-message{background-color:#c6f6d5;color:#2f855a;padding:1rem;border-radius:4px;margin-bottom:1rem}.error-message{background-color:#fed7d7;color:#c53030;padding:1rem;border-radius:4px;margin-top:1rem}@media (max-width:768px){.contact-container{padding:1.5rem}.contact-title{font-size:1.75rem}}@media (max-width:480px){.contact-container{padding:1rem}.contact-title{font-size:1.5rem}.form-group input,.form-group textarea{padding:.5rem}.contact-button{width:100%}}