:root{
  --green-bg:#013220;
  --green-accent:#2ecc71;
  --lime:#99cc33;
  --red-top:#ff1a1a;
  --orange-btn:#ff6600;
  --white:#ffffff;
  --black:#000000;
}

/* Reset básico */
body{
  margin:0;
  font-family: 'Inter', Arial, sans-serif;
  background: linear-gradient(180deg, var(--green-bg) 0%, #025c2a 100%);
  color:var(--white);
  text-align:center;
  min-height:100vh;
  display:flex;
  flex-direction:column;
}

/* Topbar */
.topbar{
  background: var(--red-top);
  color:var(--white);
  font-size:14px;
  font-weight:700;
  padding:10px;
  line-height:1.4;
}

/* Exposed Text */
.exposed{
  max-width:900px;
  margin:25px auto;
  font-size:18px;
  line-height:1.5;
  font-weight:600;
}
.ex{color:var(--green-accent); font-weight:800;}
.accent{color:var(--green-accent); font-weight:800;}

/* Player Box */
.player-box{
  max-width:900px;
  margin:30px auto;
  background: var(--lime);
  border-radius:8px;
  padding:20px;
}

.vsl-wrapper{
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 ratio */
  border-radius:8px;
  overflow:hidden;
}

.vsl-wrapper iframe{
  position:absolute;
  top:0; left:0;
  width:100%; height:100%;
  border:0;
  border-radius:8px;
}

/* CTA */
.cta{
  margin:30px auto;
}
.cta a{
  background: var(--orange-btn);
  color:var(--white);
  text-decoration:none;
  font-weight:800;
  padding:16px 28px;
  border-radius:6px;
  box-shadow:0 5px 15px rgba(0,0,0,0.3);
  transition:0.3s;
}
.cta a:hover{background:#ff8533;}

/* Footer */
.footer{
  background: linear-gradient(to top, #000 0%, rgba(255,255,255,0.05) 10%);
  color:var(--white);
  padding:16px 10px;
  margin-top:auto; /* gruda no fim */
}
.footer-inner{
  max-width:1100px;
  margin:0 auto;
  text-align:center;
  font-size:14px;
  opacity:0.9;
}

/* Responsivo */
@media (max-width:700px){
  .exposed{font-size:16px; padding:0 10px;}
  .cta a{font-size:14px; padding:14px 20px;}
}