/* Reset simples */
* { box-sizing: border-box; }

html, body {
  height: 100%;
  margin: 0;
}

body {
  background: #000;
  font-family: system-ui, -apple-system, sans-serif;
}

/* HERO full-screen */
.hero {
  position: relative;
  height: 100svh;
  min-height: 100vh; /* fallback */
  width: 100%;
  overflow: hidden;
}

/* IMAGEM */
.hero-img {
  width: 100%;
  height: 100%;
  object-fit: cover;           /* desktop: visual forte */
  object-position: center;     /* ajustar se precisares */
  display: block;
}

.hero picture {
  display: block;
  width: 100%;
  height: 100%;
}

/* FORM SOBREPOSTO (glass) */
.signup {
  position: absolute;
  left: 50%;
  bottom: 96px;
  transform: translateX(-50%);

  display: flex;
  align-items: center;
  gap: 12px;

  width: min(500px, calc(100% - 32px));
  padding: 14px 14px;
  border-radius: 999px;

  background: rgba(0, 0, 0, 0.42);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  border: 1px solid rgba(255,255,255,0.10);
}

.signup input {
  flex: 1;
  min-width: 0;

  background: transparent;
  border: none;
  outline: none;

  color: #fff;
  font-size: 16px; /* 16px evita zoom automático no iPhone */
  padding: 10px 12px;
}

.signup input::placeholder {
  color: rgba(255,255,255,0.65);
}

.signup button {
  border: none;
  cursor: pointer;

  color: #fff;
  font-size: 14px;
  padding: 10px 16px;
  border-radius: 999px;

  background: rgba(255,255,255,0.16);
}

.signup button:hover {
  background: rgba(255,255,255,0.25);
}

/* Honeypot escondido */
.honeypot { display: none; }

/* MOBILE: reduzir cortes e melhorar enquadramento */
@media (max-width: 640px) {
  .hero {
    height: 100svh; /* melhor para iOS */
    
  }

  .hero-img {
    object-fit: cover;     /* elimina barras pretas */
    object-position: center;
  }

  .signup {
    padding: 6px 8px;      /* ↓ altura total */
    gap: 6px;
    border-radius: 14px;  /* menos “pílula gigante” */
  }

  .signup input {
    font-size: 13px;
    padding: 6px 8px;     /* ↓ input mais baixo */
  }

  .signup button {
    font-size: 12px;
    padding: 6px 10px;    /* ↓ botão mais compacto */
  }
}