/* Simple, responsive single-page layout with full-screen background */
*{box-sizing:border-box}
html,body{height:100%;margin:0;font-family:Arial,Helvetica,sans-serif;background:#000}
.bg{
  position:fixed; inset:0;
  background-image:url('background.jpg');
  background-size:cover;
  background-position:center;
  filter:brightness(0.6);
  z-index:0;
}
.hero{
  position:relative; z-index:2;
  min-height:100vh;
  display:flex; flex-direction:column;
  align-items:center; justify-content:center;
  text-align:center;
  color:#fff;
  padding:2rem;
}
.hero h1{
  font-size:4rem; margin:0 0 0.5rem; letter-spacing:6px;
  text-shadow:0 2px 10px rgba(0,0,0,0.6);
}
.subtitle{font-size:1.25rem; margin:0 0 1.5rem; opacity:0.95}
.actions{display:flex; gap:12px; align-items:center; flex-wrap:wrap; justify-content:center;}
.actions a{
  display:inline-block; padding:12px 20px; border-radius:6px; text-decoration:none;
  font-weight:700;
}
.actions .whatsapp{background:#25D366; color:#fff;}
.actions .email{background:rgba(255,255,255,0.12); color:#fff; border:1px solid rgba(255,255,255,0.12);}
footer.credit{position:fixed; left:12px; bottom:8px; color:rgba(255,255,255,0.6); font-size:12px; z-index:2;}
@media(max-width:600px){
  .hero h1{font-size:2.2rem}
  .subtitle{font-size:1rem}
}