/* Achadinhos — tema escuro: verde-escuro + azul-marinho,
   detalhes em verde-claro, azul-claro e amarelo pastel */

:root{
  --verde-escuro:#0b2a1d;
  --azul-marinho:#0a1e3a;
  --verde-claro:#38d6a0;
  --azul-claro:#5aa9ff;
  --amarelo-pastel:#f7e9a8;
  --texto:#eaf3ee;
  --texto-suave:#9fb6ac;
  --card:rgba(255,255,255,.045);
  --borda:rgba(255,255,255,.10);
  --sombra:0 18px 50px rgba(0,0,0,.35);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}

body{
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  color:var(--texto);
  background:
    radial-gradient(1100px 600px at 15% -10%, rgba(56,214,160,.16), transparent 60%),
    radial-gradient(1000px 700px at 100% 0%, rgba(90,169,255,.16), transparent 55%),
    linear-gradient(160deg, var(--verde-escuro), var(--azul-marinho));
  min-height:100vh;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}

/* Botões */
.btn{
  display:inline-block;padding:.85rem 1.5rem;border-radius:999px;
  font-weight:600;text-decoration:none;font-size:1rem;cursor:pointer;
  border:1px solid transparent;font-family:inherit;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.btn:active{transform:translateY(1px)}
.btn-primario{
  color:#06231a;
  background:linear-gradient(135deg, var(--verde-claro), var(--azul-claro));
  box-shadow:0 10px 30px rgba(56,214,160,.30);
}
.btn-primario:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(56,214,160,.42)}
.btn-ghost{color:var(--texto);border-color:var(--borda);background:rgba(255,255,255,.03)}
.btn-ghost:hover{border-color:var(--verde-claro);color:#fff}
.btn-bloco{width:100%;text-align:center}

/* Topo */
.topo{
  display:flex;align-items:center;justify-content:space-between;
  max-width:1100px;margin:0 auto;padding:1.4rem 1.5rem;
}
.logo{font-family:'Poppins',sans-serif;font-weight:800;font-size:1.3rem;color:#fff;text-decoration:none}
.logo span{color:var(--amarelo-pastel)}

/* Hero */
.hero{max-width:820px;margin:0 auto;padding:4.5rem 1.5rem 3rem;text-align:center}
.eyebrow{
  display:inline-block;color:var(--amarelo-pastel);
  background:rgba(247,233,168,.08);border:1px solid rgba(247,233,168,.22);
  padding:.35rem .9rem;border-radius:999px;
  font-size:.82rem;font-weight:600;letter-spacing:.4px;text-transform:uppercase;
  margin-bottom:1.4rem;
}
.hero h1{
  font-family:'Poppins',sans-serif;font-weight:800;
  font-size:clamp(2.1rem,5.5vw,3.6rem);line-height:1.1;
  letter-spacing:-.5px;margin-bottom:1.2rem;
}
.destaque{
  background:linear-gradient(120deg,var(--verde-claro),var(--azul-claro));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero .sub{
  font-size:clamp(1.05rem,2.2vw,1.25rem);color:var(--texto-suave);
  max-width:620px;margin:0 auto 2.2rem;
}
.hero-cta{display:flex;gap:.9rem;justify-content:center;flex-wrap:wrap}

/* Benefícios */
.beneficios{
  max-width:1100px;margin:0 auto;padding:2rem 1.5rem 3rem;
  display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;
}
.card{
  background:var(--card);border:1px solid var(--borda);border-radius:18px;
  padding:1.8rem 1.5rem;backdrop-filter:blur(6px);
  transition:transform .18s ease, border-color .18s ease;
}
.card:hover{transform:translateY(-4px);border-color:rgba(56,214,160,.35)}
.icone{
  font-size:2rem;width:56px;height:56px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.05);margin-bottom:1rem;
}
.card h3{font-family:'Poppins',sans-serif;font-size:1.2rem;margin-bottom:.5rem}
.card p{color:var(--texto-suave);font-size:.98rem}

/* Contato */
.contato{padding:2rem 1.5rem 4rem}
.contato-inner{
  max-width:540px;margin:0 auto;background:var(--card);
  border:1px solid var(--borda);border-radius:22px;padding:2.4rem 2rem;
  box-shadow:var(--sombra);backdrop-filter:blur(6px);
}
.contato h2{font-family:'Poppins',sans-serif;font-size:clamp(1.6rem,3.5vw,2.1rem);text-align:center;margin-bottom:.5rem}
.contato-sub{color:var(--texto-suave);text-align:center;margin-bottom:1.8rem}
.campo{margin-bottom:1.1rem}
.campo label{display:block;font-size:.9rem;font-weight:500;margin-bottom:.4rem}
.campo input{
  width:100%;padding:.85rem 1rem;border-radius:12px;
  border:1px solid var(--borda);background:rgba(0,0,0,.22);
  color:var(--texto);font-size:1rem;font-family:inherit;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.campo input::placeholder{color:#6f857c}
.campo input:focus{outline:none;border-color:var(--verde-claro);box-shadow:0 0 0 3px rgba(56,214,160,.18)}
.form-status{margin-top:1rem;text-align:center;font-weight:600;min-height:1.2em}
.form-status.ok{color:var(--verde-claro)}
.form-status.erro{color:var(--amarelo-pastel)}

/* Rodapé */
.rodape{border-top:1px solid var(--borda);text-align:center;padding:2rem 1.5rem;color:var(--texto-suave)}
.rodape strong{color:var(--texto)}
.creditos{margin-top:.4rem;font-size:.9rem}

/* Responsivo */
@media (max-width:820px){ .beneficios{grid-template-columns:1fr;max-width:460px} }
@media (max-width:520px){
  .topo .btn-ghost{display:none}
  .hero{padding-top:3rem}
  .contato-inner{padding:2rem 1.3rem}
}