*,
*::before,
*::after { box-sizing:border-box; }

body{
  margin:0;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:#020617;
  color:#f9fafb;
}

.wrapper{
  max-width:960px;
  margin:0 auto;
  padding:24px 16px 40px;
}

.hero-img{
  width:100%;
  max-height:320px;
  object-fit:cover;
  border-radius:18px;
  margin-bottom:20px;
}

.hero-title{
  font-size:2rem;
  margin:0 0 6px;
}

.hero-sub{
  margin:0;
  opacity:0.88;
  font-size:0.98rem;
}

.card{
  background:#020617;
  border-radius:16px;
  padding:20px;
  margin-top:20px;
  border:1px solid rgba(148,163,184,0.45);
}

.card h2{
  margin:0 0 8px;
  font-size:1.15rem;
}

.card p{
  margin:0 0 6px;
  font-size:0.94rem;
  opacity:0.94;
}

.badge{
  display:inline-flex;
  align-items:center;
  font-size:0.75rem;
  padding:2px 8px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,0.7);
  margin-top:4px;
}

.badge-safe{
  border-color:rgba(34,197,94,0.9);
  background:rgba(22,163,74,0.12);
  color:#bbf7d0;
}

.badge-mixed{
  border-color:rgba(245,158,11,0.9);
  background:rgba(217,119,6,0.12);
  color:#fed7aa;
}

.badge-adult{
  border-color:rgba(239,68,68,0.95);
  background:rgba(220,38,38,0.16);
  color:#fecaca;
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 18px;
  border-radius:999px;
  border:none;
  text-decoration:none;
  font-weight:600;
  font-size:0.95rem;
  margin-top:12px;
  cursor:pointer;
  color:#020617;
  background:linear-gradient(135deg,#0ea5e9,#22c55e);
  box-shadow:0 10px 25px rgba(15,23,42,0.7);
  transition:transform 0.12s ease, box-shadow 0.12s ease, opacity 0.12s ease;
}

.btn:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 30px rgba(15,23,42,0.8);
  opacity:0.97;
}

.btn-adult{
  background:linear-gradient(135deg,#f97373,#fb7185);
  color:#020617;
}

.tagline-list{
  list-style:disc;
  padding-left:20px;
  margin:10px 0 0;
  font-size:0.9rem;
  opacity:0.92;
}

.footer{
  margin-top:28px;
  font-size:0.78rem;
  opacity:0.78;
}