:root{
  --fendi:#2b2520;            /* fendi escuro de fundo */
  --fendi-2:#221d19;
  --painel:#342d27;          /* painel do formulário */
  --painel-2:#3c352d;
  --amarelo:#f2c200;
  --amarelo-claro:#ffd83d;
  --creme:#f4ecdf;
  --creme-suave:#cabfae;
  --borda:#6b5d4a;
  --erro-bg:#5a2420;
  --erro-fg:#ffd9d2;
  --sombra:0 18px 50px rgba(0,0,0,.45);
  --raio:18px;
}

*{box-sizing:border-box;margin:0;padding:0}

body{
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color:var(--creme);
  background:
    radial-gradient(1100px 700px at 78% -8%, #3b332b 0%, transparent 60%),
    radial-gradient(900px 600px at 0% 110%, #322a23 0%, transparent 55%),
    linear-gradient(160deg, var(--fendi) 0%, var(--fendi-2) 100%);
  background-attachment:fixed;
  min-height:100dvh;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}

.wrap{
  max-width:1060px;
  margin:0 auto;
  padding:clamp(20px,5vw,56px) clamp(18px,5vw,40px) 40px;
}

/* ---------- HERO ---------- */
.hero{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(22px,4vw,40px);
  align-items:center;
  margin-bottom:clamp(26px,5vw,44px);
}
@media(min-width:860px){
  .hero{grid-template-columns:0.95fr 1.05fr}
}

.art{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:flex-end;
  min-height:260px;
  padding:8px;
}
.jung{
  position:relative;
  width:min(74%,300px);
  aspect-ratio:4/5;
  border-radius:var(--raio);
  overflow:hidden;
  border:3px solid var(--amarelo);
  box-shadow:var(--sombra);
  background:#1c1814;
}
.jung img{
  width:100%;height:100%;
  object-fit:cover;
  filter:grayscale(.25) contrast(1.05) sepia(.18);
}
.livro{
  position:absolute;
  right:max(6%,10px);
  bottom:-6px;
  width:min(38%,150px);
  aspect-ratio:2/3;
  border-radius:8px;
  overflow:hidden;
  transform:rotate(5deg);
  box-shadow:0 14px 30px rgba(0,0,0,.5);
  border:1px solid rgba(0,0,0,.4);
  background:#15110d;
}
.livro img{width:100%;height:100%;object-fit:cover;display:block}

.pitch .kicker{
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:.72rem;
  font-weight:600;
  color:var(--amarelo);
  margin-bottom:14px;
}
.pitch h1{
  font-family:'Cormorant Garamond',Georgia,serif;
  font-weight:600;
  font-size:clamp(2.1rem,6vw,3.3rem);
  line-height:1.05;
  letter-spacing:.01em;
  margin-bottom:16px;
}
.pitch .lead{
  color:var(--creme-suave);
  font-size:clamp(1rem,2.4vw,1.12rem);
  max-width:46ch;
  margin-bottom:22px;
}
.pitch .lead strong{color:var(--creme)}
.selo{
  display:inline-flex;
  flex-direction:column;
  gap:2px;
  padding:12px 18px;
  border-left:3px solid var(--amarelo);
  background:rgba(242,194,0,.08);
  border-radius:0 12px 12px 0;
}
.selo span{
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:.68rem;
  font-weight:600;
  color:var(--amarelo);
}
.selo em{
  font-family:'Cormorant Garamond',Georgia,serif;
  font-style:italic;
  font-size:1.4rem;
  color:var(--creme);
}

/* ---------- CARD / FORM ---------- */
.card{
  background:linear-gradient(180deg,var(--painel) 0%,var(--painel-2) 100%);
  border:2px solid var(--amarelo);
  border-radius:var(--raio);
  padding:clamp(22px,4vw,34px);
  box-shadow:var(--sombra);
  max-width:560px;
  margin:0 auto;
}
.card-titulo{
  font-family:'Cormorant Garamond',Georgia,serif;
  font-weight:600;
  font-size:1.7rem;
  margin-bottom:18px;
}

.form{display:flex;flex-direction:column;gap:16px}
.field{display:flex;flex-direction:column;gap:7px}
.field span{
  font-size:.82rem;
  font-weight:600;
  letter-spacing:.02em;
  color:var(--creme-suave);
}
.field input,.field select{
  font:inherit;
  color:var(--creme);
  background:var(--fendi-2);
  border:1.5px solid var(--borda);
  border-radius:12px;
  padding:13px 14px;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.field input::placeholder{color:#8a7d6b}
.field input:focus,.field select:focus{
  outline:none;
  border-color:var(--amarelo);
  box-shadow:0 0 0 3px rgba(242,194,0,.18);
}
.field select{appearance:none;cursor:pointer}

.btn{
  margin-top:6px;
  font:inherit;
  font-weight:700;
  font-size:1.05rem;
  letter-spacing:.01em;
  color:#241d05;
  background:linear-gradient(180deg,var(--amarelo-claro),var(--amarelo));
  border:none;
  border-radius:12px;
  padding:15px 18px;
  cursor:pointer;
  transition:transform .08s ease, filter .15s ease;
  box-shadow:0 10px 24px rgba(242,194,0,.28);
}
.btn:hover{filter:brightness(1.05)}
.btn:active{transform:translateY(1px)}

.nota{font-size:.78rem;color:#a99c89;text-align:center;margin-top:2px}
.erro{
  background:var(--erro-bg);
  color:var(--erro-fg);
  border-radius:10px;
  padding:11px 14px;
  font-size:.9rem;
  margin-bottom:16px;
}

/* honeypot: fora da tela, invisível para humanos, presente para robôs */
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* ---------- SUCESSO ---------- */
.sucesso{text-align:center;padding:8px 4px}
.check{
  width:64px;height:64px;line-height:64px;
  margin:0 auto 16px;
  border-radius:50%;
  font-size:2rem;font-weight:700;
  color:#241d05;
  background:linear-gradient(180deg,var(--amarelo-claro),var(--amarelo));
  box-shadow:0 10px 24px rgba(242,194,0,.3);
}
.sucesso h2{
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:2rem;font-weight:600;margin-bottom:12px;
}
.sucesso p{color:var(--creme-suave);max-width:42ch;margin:0 auto}
.sucesso .selo2{
  margin-top:20px;
  font-family:'Cormorant Garamond',Georgia,serif;
  font-style:italic;font-size:1.3rem;color:var(--amarelo);
}

/* ---------- RODAPÉ ---------- */
.rodape{
  text-align:center;
  margin-top:36px;
  font-size:.78rem;
  letter-spacing:.04em;
  color:#8a7d6b;
}