/* ── Reset ── */
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{height:-webkit-fill-available}

body{
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  background:#009ef7;
  min-height:100vh;
  min-height:-webkit-fill-available;
  display:flex;
  justify-content:center;
  -webkit-font-smoothing:antialiased;
}

/* ── Page ── */
.page{
  width:100%;
  max-width:400px;
  min-height:100vh;
  min-height:-webkit-fill-available;
  padding:20px 24px 16px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:16px;
  animation:up .5s ease-out;
}
@keyframes up{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

/* ── Hero ── */
.hero-img{
  width:260px;
  max-width:85%;
  height:auto;
  filter:drop-shadow(0 8px 24px rgba(0,30,60,.3));
}

/* ── Links ── */
.links{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:10px;
}

/* ── Button base ── */
.btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  width:100%;
  padding:16px 24px;
  border-radius:50px;          /* pill shape */
  text-decoration:none;
  font-size:16px;
  font-weight:700;
  letter-spacing:-.01em;
  border:none;
  cursor:pointer;
  transition:all .2s ease;
}
.btn:active{transform:scale(.97)}

/* ── Icon ── */
.btn-ico{
  display:flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  flex-shrink:0;
}
.btn-ico svg{width:100%;height:100%}

/* ── WhatsApp ── */
.btn-whatsapp{
  background:#25d366;
  color:#fff;
  box-shadow:0 4px 14px rgba(37,211,102,.35);
}
.btn-whatsapp:hover{
  background:#1ebe5a;
  box-shadow:0 6px 20px rgba(37,211,102,.45);
  transform:translateY(-2px);
}

/* ── Site ── */
.btn-site{
  background:#fff;
  color:#0067ae;
  box-shadow:0 4px 14px rgba(0,0,0,.08);
}
.btn-site:hover{
  background:#f0f8ff;
  box-shadow:0 6px 20px rgba(0,0,0,.12);
  transform:translateY(-2px);
}

/* ── Instagram ── */
.btn-insta{
  background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af,#515bd4);
  color:#fff;
  box-shadow:0 4px 14px rgba(221,42,123,.35);
}
.btn-insta:hover{
  filter:brightness(1.08);
  box-shadow:0 6px 20px rgba(221,42,123,.45);
  transform:translateY(-2px);
}

/* ── Copyright ── */
.copy{
  font-size:12px;
  font-weight:500;
  color:rgba(255,255,255,.7);
}

/* ── Small screens ── */
@media(max-width:380px){
  .page{padding:16px 16px 16px;gap:18px}
  .hero-img{width:170px}
  .btn{font-size:15px;padding:13px 20px}
}