body {
  background: linear-gradient(135deg, #f9fafb 0%, #eef2f7 100%);
  font-family: 'Poppins', sans-serif;
  color: #333;
}

.card {
  background: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.emoji {
  font-size: 2.8rem;
  display: inline-block;
}

.btn-success {
  background: #00a859;
  border: none;
  transition: background 0.3s ease;
}

.btn-success:hover {
  background: #00914f;
}

@media (max-width: 576px) {
  .card {
    padding: 2rem 1.5rem !important;
  }
  h1 {
    font-size: 1.5rem;
  }
  .btn {
    font-size: 1rem;
  }
}