@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Work+Sans:wght@400;500&display=swap");

:root {
  --green: #1f7a4f;
  --red: #c4342b;
  --soft-green: #e9f8ee;
  --soft-green-2: #f4fff7;
  --ink: #111111;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100vh;
  font-family: "Work Sans", sans-serif;
  color: var(--ink);
  background: linear-gradient(140deg, #ffffff 0%, var(--soft-green-2) 55%, var(--soft-green) 100%);
}

.page {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 32px 20px;
}

.card {
  text-align: center;
  padding: 28px 22px;
}

.logo {
  width: 250px;
  height: auto;
  margin: 0 auto 20px;
  display: block;
}

h1 {
  font-family: "Playfair Display", serif;
  font-size: clamp(2rem, 4vw, 3rem);
  color: var(--green);
  margin: 0 0 10px;
}

.coming {
  font-size: 1.1rem;
  color: var(--red);
  margin: 0 0 18px;
}

.social {
  color: var(--green);
  text-decoration: none;
  font-weight: 500;
  border-bottom: 2px solid transparent;
  transition: border-color 0.2s ease;
}

.social:hover {
  border-bottom-color: var(--green);
}