/* Reset some basics */
* {
  margin: 0;
  padding: 0;
  box‑sizing: border‑box;
}
body {
  font‑family: 'Segoe UI', Tahoma, Geneva, sans‑serif;
  background‑color: #fafafa;
  color: #333;
  line‑height: 1.4;
}

.hero {
  text‑align: center;
  padding: 4rem 2rem;
  background‑color: #ffe5e5;
}
.hero h1 {
  font‑size: 3rem;
  color: #d44;
}
.hero .subtitle {
  font‑size: 1.4rem;
  color: #666;
  margin‑top: 0.5rem;
}

.gallery {
  display: flex;
  flex‑wrap: wrap;
  justify‑center;
  gap: 1rem;
  padding: 2rem;
}
.gallery img {
  width: calc(33% ‑ 1rem);
  border: 5px solid #fff;
  box‑shadow: 0 4px 8px rgba(0,0,0,0.1);
}
@media (max‑width: 768px) {
  .gallery img {
    width: calc(50% ‑ 1rem);
  }
}
@media (max‑width: 480px) {
  .gallery img {
    width: 100%;
  }
}

.bio {
  max‑width: 800px;
  margin: 0 auto;
  padding: 2rem;
}
.bio h2 {
  font‑size: 2rem;
  color: #d44;
  margin‑bottom: 1rem;
}
.bio p {
  margin‑bottom: 1rem;
}

.cta {
  text‑align: center;
  padding: 2rem;
}
.cta button {
  font‑size: 1.2rem;
  padding: 0.75rem 1.5rem;
  margin: 0 0.5rem;
  border: none;
  border‑radius: 6px;
  cursor: pointer;
}
#acceptBtn {
  background‑color: #4caf50;
  color: white;
}
#declineBtn {
  background‑color: #f44336;
  color: white;
}
#acceptBtn:hover,
#declineBtn:hover {
  opacity: 0.9;
}