/* ===========================================================
   Página de Obrigado — Grupo Dls / Agro
   Estilo próprio (mesma paleta da LP: preto + verde-campo).
   =========================================================== */

:root{
  --black:#000000;
  --ink:#0D0D0D;
  --panel:#161616;
  --line:#262626;
  --white:#FFFFFF;
  --grey:#9C9C9C;
  --field:#8FB43F;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  background:var(--black); color:var(--white);
  font-family:'Inter',sans-serif; -webkit-font-smoothing:antialiased;
  min-height:100vh; display:flex; flex-direction:column;
}
::selection{background:var(--field); color:var(--black);}
a{color:inherit;}
.slash{color:var(--field); font-weight:800;}

.ty-header{
  padding:22px 24px; border-bottom:1px solid var(--line);
}
.ty-header .logo{
  font-family:'Archivo',sans-serif; font-weight:800; font-size:19px;
  color:var(--white); text-decoration:none; letter-spacing:-0.01em;
  max-width:1140px; margin:0 auto; display:block;
}

.ty-main{
  flex:1; display:flex; align-items:center; justify-content:center;
  padding:48px 24px;
  background:
    radial-gradient(1200px 500px at 50% -10%, rgba(143,180,63,0.10), transparent 60%),
    var(--black);
}
.ty-card{
  width:100%; max-width:560px; text-align:center;
  background:var(--panel); border:1px solid var(--line); border-radius:14px;
  padding:48px 40px;
}
.ty-check{
  width:72px; height:72px; border-radius:50%;
  background:var(--field); color:var(--black);
  display:flex; align-items:center; justify-content:center;
  margin:0 auto 26px;
}
.ty-card h1{
  font-family:'Archivo',sans-serif; font-weight:800; letter-spacing:-0.02em;
  font-size:clamp(28px,4vw,40px); line-height:1.1; margin-bottom:16px;
}
.ty-card p{
  color:#C9C9C9; font-size:17px; line-height:1.65; max-width:440px; margin:0 auto;
}
.ty-actions{
  display:flex; gap:14px; flex-wrap:wrap; justify-content:center; margin-top:34px;
}
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  background:var(--field); color:var(--black);
  font-family:'Archivo',sans-serif; font-weight:700; font-size:15px;
  padding:14px 26px; border-radius:4px; text-decoration:none; border:none; cursor:pointer;
  transition:transform .12s ease, filter .2s;
}
.btn:hover{filter:brightness(1.08); transform:translateY(-1px);}
.btn-outline{background:transparent; color:var(--white); border:1px solid rgba(255,255,255,0.35);}
.btn-outline:hover{border-color:var(--white); filter:none;}

.ty-footer{
  padding:24px; border-top:1px solid var(--line); text-align:center;
}
.ty-footer p{color:var(--grey); font-size:13px;}

@media (max-width:520px){
  .ty-card{padding:36px 24px;}
  .ty-actions{flex-direction:column;}
  .btn{width:100%;}
}
