:root{
  --bg:#0b0b0b;
  --bg2:#141414;
  --card:#1a1a1a;
  --line:#2a2a2a;
  --ink:#ffffff;
  --muted:#b8b8b8;
  --yellow:#ffd500;
  --yellow-dk:#e6bf00;
  --wa:#25d366;
  --wa-dk:#1ebe5b;
  --radius:14px;
  --wrap:560px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  background:var(--bg);color:var(--ink);line-height:1.5;
  padding-bottom:88px;
}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
h1,h2,h3{line-height:1.15;font-weight:800;letter-spacing:-.01em}
h1{font-size:clamp(28px,7vw,38px)}
h2{font-size:clamp(24px,6vw,32px);margin-bottom:8px}
h3{font-size:17px}
em{font-style:normal;color:var(--yellow)}
section{padding:36px 18px;max-width:var(--wrap);margin:0 auto}

/* hero */
.hero{padding:14px 14px 8px}
.hero .btn{margin-top:16px}
.poster-wrap{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.6);border:1px solid var(--line)}
.poster{width:100%}
.poster-cta{position:absolute;left:17%;top:86.5%;width:66%;height:10.5%;border-radius:999px;display:block}

/* buttons */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  width:100%;padding:16px 20px;border-radius:999px;
  font-weight:800;font-size:17px;letter-spacing:.01em;
  transition:transform .12s ease,background .12s ease;
}
.btn:active{transform:scale(.98)}
.btn-wa{background:var(--wa);color:#fff;box-shadow:0 8px 24px rgba(37,211,102,.28)}
.btn-wa:hover{background:var(--wa-dk)}
.btn-lg{padding:18px 22px;font-size:18px}

/* sticky whatsapp */
.sticky-wa{
  position:fixed;left:12px;right:12px;bottom:12px;z-index:30;
  display:flex;align-items:center;justify-content:center;gap:10px;
  background:var(--wa);color:#fff;padding:12px 16px;border-radius:999px;
  font-weight:800;font-size:16px;box-shadow:0 10px 30px rgba(0,0,0,.55);
}
.sticky-wa svg{width:24px;height:24px}
.sticky-wa span{display:flex;flex-direction:column;line-height:1.1}
.sticky-wa small{font-size:11px;font-weight:600;opacity:.9}

/* legal */
.legal{max-width:var(--wrap);margin:0 auto;padding:20px 18px 30px}
.legal h1{font-size:26px;margin-bottom:6px}
.legal .date{color:var(--muted);font-size:14px;margin-bottom:22px}
.legal h2{font-size:22px;margin:32px 0 10px;color:var(--yellow)}
.legal h3{font-size:16px;margin:20px 0 6px}
.legal p,.legal li{color:#d6d6d6;font-size:15px;margin-bottom:10px}
.legal ul{padding-left:20px;margin-bottom:10px}

@media (min-width:700px){
  body{background:#050505}
  .sticky-wa{left:50%;right:auto;transform:translateX(-50%);width:min(var(--wrap),calc(100% - 24px))}
}