fix contact form style

web/app/contact/page.js

@@ -79,11 +79,11 @@ export default function ContactPage() {
             {sendSuccess ? (
               <p className="contact-success">Your message has been sent. We&apos;ll be in touch soon.</p>
             ) : (
-              <form className="contact-form" onSubmit={handleSend}>
-                <label className="contact-label">
+              <form className="auth-form" onSubmit={handleSend}>
+                <label className="auth-label">
                   Subject
                   <input
-                    className="contact-input"
+                    className="auth-input"
                     type="text"
                     value={subject}
                     onChange={(e) => setSubject(e.target.value)}
@@ -91,10 +91,11 @@ export default function ContactPage() {
                     maxLength={150}
                   />
                 </label>
-                <label className="contact-label">
+                <label className="auth-label">
                   Message
                   <textarea
-                    className="contact-textarea"
+                    className="auth-input"
+                    style={{ resize: "vertical" }}
                     value={body}
                     onChange={(e) => setBody(e.target.value)}
                     required
@@ -103,7 +104,7 @@ export default function ContactPage() {
                   />
                 </label>
                 {sendError && <p className="contact-error">{sendError}</p>}
-                <button className="contact-submit-btn" type="submit" disabled={sending}>
+                <button className="auth-submit-btn" type="submit" disabled={sending}>
                   {sending ? "Sending…" : "Send Message"}
                 </button>
               </form>