/* inherits index.css ─ this file only tweaks the contact form */

.hero-small{min-height:32vh}

/* card */
.form-wrap{
  max-width:680px;
  margin:0 auto;
  background:#fff;
  border-radius:14px;
  padding:3rem 2.5rem;
  box-shadow:0 8px 24px rgba(0,0,0,.07);
}
.form-wrap h2{
  font-size:1.3rem;
  font-weight:700;
  margin-bottom:2rem;
  text-align:center;
}

/* rows with two inputs */
.form-row{
  display:flex;
  gap:1rem;
  flex-wrap:wrap;
  margin-bottom:1.3rem;
}

/* inputs + textarea */
.reg-form input,
.reg-form textarea{
  flex:1 1 260px;
  width:100%;
  padding:.85rem 1rem;
  border:1.5px solid #ccc;
  border-radius:8px;
  font-size:.95rem;
  box-sizing:border-box;
  transition:border .25s,box-shadow .25s;
}
.reg-form input:focus,
.reg-form textarea:focus{
  border-color:#0077ff;
  box-shadow:0 0 0 3px rgba(0,119,255,.15);
  outline:none;
}

.reg-form textarea{
  min-height:160px;
  resize:vertical;
  margin-top:.2rem;
}

/* reCAPTCHA centered */
.g-recaptcha{display:block;margin:1.8rem auto;}

.reg-form button{
  display:block;
  width:100%;
  margin-top:1.4rem;
}

/* stack inputs on small screens */
@media(max-width:650px){
  .reg-form input{flex:1 1 100%}
}