simplify styling

src/pages/contact/contact.css

@@ -1,56 +1,13 @@
-.page {
-  margin: 0 auto;
-  padding: 1rem 1.25rem 4rem;
-}
-
-.section {
-  margin-bottom: 3rem;
-}
-
 .hero {
-  padding: 2.5rem;
-  border: 1px solid rgba(110, 118, 129, 0.28);
-  border-radius: 24px;
   background: radial-gradient(circle at top right, rgba(47, 129, 247, 0.18), rgba(13, 17, 23, 0.9));
 }
 
-.eyebrow {
-  width: fit-content;
-  margin: 0 0 1rem;
-  padding: 0.35rem 0.7rem;
-  line-height: 1;
-  border: 1px solid rgba(88, 166, 255, 0.5);
-  border-radius: 999px;
-  color: #9ecbff;
-  font-size: 0.82rem;
-  font-weight: 600;
-  letter-spacing: 0.04em;
-  text-transform: uppercase;
-}
-
 h1,
 h2,
 p {
   margin: 0;
 }
 
-h1 {
-  font-size: clamp(2rem, 5vw, 3.2rem);
-  line-height: 1.1;
-}
-
-.lede {
-  max-width: 65ch;
-  margin-top: 1rem;
-  color: #c9d1d9;
-}
-
-.card-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
-  gap: 1rem;
-}
-
 /* base .card container styles moved to src/components/card/card.css */
 
 .contact-card .label {
@@ -124,12 +81,4 @@ h1 {
   margin-left: auto;
 }
 
-@media (max-width: 760px) {
-  .page {
-    padding-top: 0.5rem;
-  }
 
-  .hero {
-    padding: 2rem 1.2rem;
-  }
-}