.contact-page{max-width:40rem;margin:0 auto;padding:2rem 1rem}.contact-page h1{font-size:1.75rem;margin-bottom:.5rem;color:#333}.contact-description{color:#666;margin-bottom:2rem}.contact-form-link{text-align:center;padding:2rem;background-color:#f8f9fa;border-radius:.5rem}.contact-form-link p{color:#666;margin-bottom:1.5rem}.contact-form-link .contact-button{display:inline-block;text-decoration:none}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.contact-field{display:flex;flex-direction:column;gap:.5rem}.contact-field label{font-weight:600;color:#333;font-size:.875rem}.contact-field input,.contact-field textarea{padding:.75rem 1rem;border:1px solid #ddd;border-radius:.5rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.contact-field input:focus,.contact-field textarea:focus{outline:none;border-color:#4a90d9;box-shadow:0 0 0 3px #4a90d91a}.contact-field input:disabled,.contact-field textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.contact-field textarea{resize:vertical;min-height:8rem}.contact-error{color:#d93025;font-size:.75rem}.contact-error-message{padding:1rem;background-color:#fdecea;border:1px solid #f5c6cb;border-radius:.5rem;color:#d93025;text-align:center}.contact-button{padding:.875rem 1.5rem;background-color:#4a90d9;color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.contact-button:hover:not(:disabled){background-color:#3a7bc8}.contact-button:disabled{background-color:#a0c4e8;cursor:not-allowed}.contact-success{text-align:center;padding:3rem 1rem}.contact-success h1{color:#28a745;margin-bottom:1rem}.contact-success p{color:#666;margin-bottom:2rem;line-height:1.6}@media(max-width:480px){.contact-page{padding:1rem}.contact-page h1{font-size:1.5rem}}