*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:"Outfit",sans-serif;
}
html, body{height:100%}
body{
  min-height:100vh;
  background-image: linear-gradient(to left, #02DBE4, #000131);
}
.container{max-width:1280px;margin:auto;padding:0 16px}
.flex{
  display:flex;
  align-items:center;
  justify-content:space-around;
  gap:24px;
  min-height:100vh;
  padding:24px 0;
}
@media (max-width:920px){
  .flex{flex-direction:column;justify-content:center}
}

.txt-leads{text-align:center;max-width:520px}
.txt-leads h1{
  color:#fff;
  font-size:1.2em;
  font-weight:500;
  text-align:left;
}
.txt-leads h1 span{
  font-size:2.2em;
  font-weight:800;
  letter-spacing:.3px;
}
.hero{display:flex;justify-content:center;margin:36px 0 28px}
.ball{width:280px;height:280px;filter: drop-shadow(0 18px 40px rgba(0,0,0,.45));}
.txt-leads p{color:#fff;font-size:1.2em;line-height:1.25}
.txt-leads p span{font-size:1.5em;font-weight:700}
.mini{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:18px}
.chip{
  color:#fff;
  font-weight:600;
  font-size:.95em;
  padding:10px 12px;
  border-radius:999px;
  background-color: rgba(0,0,0,.22);
  border:1px solid rgba(255,255,255,.18);
  backdrop-filter: blur(8px);
}

form{
  width:min(520px, 92vw);
  background-color:#00000055;
  border-radius:20px;
  padding:38px;
  border:1px solid rgba(255,255,255,.14);
  box-shadow: 0 18px 50px rgba(0,0,0,.35);
}
form h2{
  text-align:center;
  font-size:2em;
  color:#fff;
  line-height:22px;
  margin-bottom:34px;
}
form h2 span{font-size:.52em;font-weight:400;opacity:.95}
.input-box{margin-bottom:18px;text-align:left}
.input-box label{display:block;color:#fff;margin-bottom:6px;font-weight:600}
.input-box input, .input-box select{
  width:100%;
  padding:12px;
  outline:none;
  border-radius:12px;
  border:none;
  background:#ffffff;
}
.hint{
  color:#fff;
  opacity:.92;
  font-size:.95em;
  margin:8px 0 0;
  text-align:center;
}
.btn-enviar{text-align:center;margin-top:22px}
.btn-enviar input{
  width:160px;
  height:52px;
  border:0;
  background-color:#01DAFE;
  color:#fff;
  font-size:20px;
  font-weight:800;
  border-radius:12px;
  cursor:pointer;
}
.btn-enviar input:hover{filter:brightness(1.06)}
.msg{margin-top:14px;text-align:center;color:#ffe09a;font-weight:700;min-height:18px}
code{background:rgba(255,255,255,.12);padding:2px 6px;border-radius:8px}