Replace contact form with mailto link

Simplify footer by removing the FormSubmit integration and replacing
it with a direct email link to contact@schoolcompare.co.uk.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

frontend/index.html

@@ -348,19 +348,7 @@
     <footer class="footer">
         <div class="footer-content">
             <div class="footer-contact">
-                <h3>Contact Us</h3>
+                <a href="mailto:contact@schoolcompare.co.uk">Contact Us</a>
-                <p>Have questions, feedback, or suggestions? We'd love to hear from you.</p>
-                <form action="https://formsubmit.co/contact@schoolcompare.co.uk" method="POST" class="contact-form">
-                    <input type="hidden" name="_subject" value="SchoolCompare Contact Form">
-                    <input type="hidden" name="_captcha" value="false">
-                    <input type="text" name="_honey" style="display:none">
-                    <div class="form-row">
-                        <input type="text" name="name" placeholder="Your Name" required class="form-input">
-                        <input type="email" name="email" placeholder="Your Email" required class="form-input">
-                    </div>
-                    <textarea name="message" placeholder="Your Message" required class="form-input form-textarea"></textarea>
-                    <button type="submit" class="btn btn-primary">Send Message</button>
-                </form>
             </div>
             <div class="footer-source">
                 <p>Data source: <a href="https://www.compare-school-performance.service.gov.uk/" target="_blank">UK Government - Compare School Performance</a></p>

frontend/styles.css

@@ -1210,61 +1210,8 @@ body {
 }
 
 .footer-contact {
-    margin-bottom: 2rem;
+    margin-bottom: 1.5rem;
-}
+    text-align: center;
-
-.footer-contact h3 {
-    font-family: 'Playfair Display', serif;
-    font-size: 1.25rem;
-    color: var(--text-primary);
-    margin-bottom: 0.5rem;
-}
-
-.footer-contact > p {
-    color: var(--text-muted);
-    margin-bottom: 1rem;
-}
-
-.contact-form {
-    display: flex;
-    flex-direction: column;
-    gap: 0.75rem;
-}
-
-.contact-form .form-row {
-    display: flex;
-    gap: 0.75rem;
-}
-
-.contact-form .form-input {
-    flex: 1;
-    padding: 0.75rem 1rem;
-    font-family: inherit;
-    font-size: 0.9rem;
-    border: 1px solid var(--border-color);
-    border-radius: var(--radius-md);
-    background: var(--bg-card);
-    color: var(--text-primary);
-    transition: var(--transition);
-}
-
-.contact-form .form-input:focus {
-    outline: none;
-    border-color: var(--accent-teal);
-    box-shadow: 0 0 0 3px rgba(45, 106, 100, 0.1);
-}
-
-.contact-form .form-input::placeholder {
-    color: var(--text-muted);
-}
-
-.contact-form .form-textarea {
-    min-height: 100px;
-    resize: vertical;
-}
-
-.contact-form .btn {
-    align-self: flex-start;
 }
 
 .footer-source {
@@ -1282,16 +1229,6 @@ body {
     text-decoration: underline;
 }
 
-@media (max-width: 768px) {
-    .contact-form .form-row {
-        flex-direction: column;
-    }
-
-    .contact-form .btn {
-        align-self: stretch;
-    }
-}
-
 /* Loading State */
 .loading {
     display: flex;