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

:root {
  --teal: #002223;
  --lime: #c8e632;
  --cream: #f5f0e8;
  --ink: #1a1a1a;
  --border: #d8d2c6;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { font-family: 'Inter', sans-serif; color: var(--ink); background: var(--cream); }

.wrap { display: flex; min-height: 100vh; }

/* Campos à esquerda */
.form-side {
  flex: 1 1 50%;
  background: var(--cream);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 32px;
}
.form-card { width: 100%; max-width: 420px; }
.form-card h1 {
  font-family: 'Playfair Display', serif;
  font-size: 32px; font-weight: 600; line-height: 1.2;
  margin: 0 0 8px; color: var(--teal);
}
.form-card .sub { margin: 0 0 28px; color: #5a5a5a; font-size: 15px; }

label { display: block; font-weight: 500; font-size: 14px; margin: 0 0 6px; color: var(--ink); }
label .req { color: var(--lime); font-weight: 700; }
input, select, textarea {
  width: 100%; padding: 13px 16px; margin: 0 0 16px;
  border: 1px solid var(--border); border-radius: 10px;
  font-size: 15px; font-family: inherit; color: var(--ink); background: #fff;
  transition: border-color .15s ease;
}
input:focus, select:focus, textarea:focus { outline: none; border-color: var(--teal); }
select { appearance: none; -webkit-appearance: none; cursor: pointer; }
textarea { min-height: 88px; resize: vertical; }

button {
  width: 100%; background: var(--lime); color: var(--teal);
  font-family: inherit; font-weight: 700; letter-spacing: .5px; font-size: 15px;
  border: none; border-radius: 100px; padding: 15px 32px;
  text-transform: uppercase; cursor: pointer; transition: opacity .15s ease;
}
button:hover { opacity: .9; }
button:disabled { opacity: .55; cursor: default; }
.msg { margin-top: 16px; font-size: 14px; min-height: 20px; }

/* Foto à direita */
.photo-side {
  flex: 1 1 50%;
  background-color: var(--teal);
  background-image: url('https://drive.google.com/thumbnail?id=18-2DTcQEfrncGQ45bqI-5e9Pa3FkuAYN&sz=w2000');
  background-size: cover; background-position: center; background-repeat: no-repeat;
  position: relative;
}
/* Selo do logo embaixo */
.photo-side::after {
  content: ''; display: block; position: absolute;
  bottom: 32px; left: 50%; transform: translateX(-50%);
  width: 240px; height: 130px;
  background-color: var(--cream);
  background-image: url('https://storage.googleapis.com/highlevel-backend.appspot.com/location/3Ilk6A1LdnaP8POy0JWo/form/Qn4MZWcqoBojpu55Zhft/cfa87c24-04f3-4954-986a-d6dcafcc2de3.png');
  background-size: 170px auto; background-repeat: no-repeat; background-position: center center;
  border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.25);
}

@media (max-width: 768px) {
  .wrap { flex-direction: column; }
  .photo-side {
    order: -1; min-height: 280px;
    background-position: center 25%;
  }
  .photo-side::after {
    width: 200px; height: 110px; background-size: 140px auto; bottom: 20px;
  }
  .form-side { padding: 32px 20px; }
}