/* ---------- Base ---------- */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',sans-serif;
  background:#ffffff;
  color:#111827;
  line-height:1.6;
  display:flex;               /* центр по вертикалі */
  flex-direction:column;
  min-height:100vh;
}

/* ---------- Helpers ---------- */
.center{display:flex;flex-direction:column;align-items:center;justify-content:center}
.hidden{display:none}

/* ---------- Logo + Header ---------- */
.logo{height:140px;width:auto}           /* збільшили розмір */
header{margin-top:60px;margin-bottom:45px} /* відступи зверху/знизу */

/* ---------- Typography ---------- */
.headline{
  font-size:clamp(2rem,4vw,2.8rem);
  font-weight:700;
  color:#1f381f;
  margin-bottom:1.2rem;
  text-align:center;          /* вирівнюємо */
}
.subline{
  max-width:520px;
  font-size:1rem;
  color:#374151;
  margin-bottom:2.7rem;
  text-align:center;
}

/* ---------- Form ---------- */
.form{
  width:100%;
  max-width:440px;
  display:flex;
  flex-direction:column;
  gap:1rem;
}
.form input,
.form textarea{
  width:100%;
  padding:.8rem 1rem;
  font-size:1rem;
  border:1px solid #d1d5db;
  border-radius:10px;
  transition:border .2s,box-shadow .2s;
}
.form input:focus,
.form textarea:focus{
  outline:none;
  border-color:#1f381f;
  box-shadow:0 0 0 2px rgba(31,56,31,.2)
}
.form button{
  padding:.8rem 1rem;
  font-size:1rem;
  font-weight:600;
  border:none;
  border-radius:10px;
  background:#1f381f;
  color:#fff;
  cursor:pointer;
  transition:transform .2s,box-shadow .2s;
}
.form button:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 18px -6px rgba(0,0,0,.15)
}
.success{
  margin-top:1.6rem;
  color:#1f381f;
  font-weight:500;
  text-align:center;
}

/* ---------- Footer ---------- */
footer{
  margin-top:auto;            /* «прилип» до низу, якщо екран високий */
  text-align:center;
  padding:40px 0 20px;
  font-size:.9rem;
  color:#6b7280;
  display:flex;
  flex-direction:column;
  gap:.25rem;
}
/* ---------- Base ---------- */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',sans-serif;
  background:#ffffff;
  color:#111827;
  line-height:1.6;
  display:flex;               /* центр по вертикалі */
  flex-direction:column;
  min-height:100vh;
}

/* ---------- Helpers ---------- */
.center{display:flex;flex-direction:column;align-items:center;justify-content:center}
.hidden{display:none}

/* ---------- Logo + Header ---------- */
.logo{height:140px;width:auto}           /* збільшили розмір */
header{margin-top:60px;margin-bottom:45px} /* відступи зверху/знизу */

/* ---------- Typography ---------- */
.headline{
  font-size:clamp(2rem,4vw,2.8rem);
  font-weight:700;
  color:#1f381f;
  margin-bottom:1.2rem;
  text-align:center;          /* вирівнюємо */
}
.subline{
  max-width:520px;
  font-size:1rem;
  color:#374151;
  margin-bottom:2.7rem;
  text-align:center;
}

/* ---------- Form ---------- */
.form{
  width:100%;
  max-width:440px;
  display:flex;
  flex-direction:column;
  gap:1rem;
}
.form input,
.form textarea{
  width:100%;
  padding:.8rem 1rem;
  font-size:1rem;
  border:1px solid #d1d5db;
  border-radius:10px;
  transition:border .2s,box-shadow .2s;
}
.form input:focus,
.form textarea:focus{
  outline:none;
  border-color:#1f381f;
  box-shadow:0 0 0 2px rgba(31,56,31,.2)
}
.form button{
  padding:.8rem 1rem;
  font-size:1rem;
  font-weight:600;
  border:none;
  border-radius:10px;
  background:#1f381f;
  color:#fff;
  cursor:pointer;
  transition:transform .2s,box-shadow .2s;
}
.form button:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 18px -6px rgba(0,0,0,.15)
}
.success{
  margin-top:1.6rem;
  color:#1f381f;
  font-weight:500;
  text-align:center;
}

/* ---------- Footer ---------- */
footer{
  margin-top:auto;            /* «прилип» до низу, якщо екран високий */
  text-align:center;
  padding:40px 0 20px;
  font-size:.9rem;
  color:#6b7280;
  display:flex;
  flex-direction:column;
  gap:.25rem;
}
/* ---------- Base ---------- */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:#ffffff;color:#111827;line-height:1.6}

/* ---------- Helpers ---------- */
.center{display:flex;flex-direction:column;align-items:center;justify-content:center}
.hidden{display:none}

/* ---------- Logo ---------- */
.logo{height:90px;width:auto}

/* ---------- Typography ---------- */
.headline{font-size:clamp(1.9rem,4vw,2.6rem);font-weight:700;color:#1f381f;margin-bottom:1.2rem}
.subline{max-width:520px;font-size:1rem;color:#374151;margin-bottom:2.7rem}

/* ---------- Form ---------- */
.form{width:100%;max-width:440px;display:flex;flex-direction:column;gap:1rem}
.form input,
.form textarea{
  width:100%;padding:.8rem 1rem;font-size:1rem;border:1px solid #d1d5db;
  border-radius:10px;transition:border .2s,box-shadow .2s;
}
.form input:focus,
.form textarea:focus{
  outline:none;border-color:#1f381f;box-shadow:0 0 0 2px rgba(31,56,31,.2)
}
.form button{
  padding:.8rem 1rem;font-size:1rem;font-weight:600;border:none;border-radius:10px;
  background:#1f381f;color:#fff;cursor:pointer;transition:transform .2s,box-shadow .2s;
}
.form button:hover{transform:translateY(-2px);box-shadow:0 8px 18px -6px rgba(0,0,0,.15)}
.success{margin-top:1.6rem;color:#1f381f;font-weight:500}

/* ---------- Footer ---------- */
.footer{margin-top:4rem;text-align:center;font-size:.9rem;color:#6b7280;gap:.25rem}