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/styles.css

@@ -1210,61 +1210,8 @@ body {
 }
 
 .footer-contact {
-    margin-bottom: 2rem;
-}
-
-.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;
+    margin-bottom: 1.5rem;
+    text-align: center;
 }
 
 .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;