body { font-family: "Quicksand", system-ui, -apple-system, Segoe UI, Roboto, sans-serif; }

.card{
  border-radius: 1.5rem;
  padding: 1.5rem;
  background: rgba(255,255,255,0.65);
  box-shadow: 0 20px 60px rgba(0,0,0,0.08);
  border: 1px solid rgba(255,255,255,0.5);
  backdrop-filter: blur(10px);
}

.btn-primary{
  border-radius: 9999px;
  padding: 0.85rem 1.2rem;
  font-weight: 700;
  background: linear-gradient(90deg, rgba(244,114,182,0.9), rgba(167,139,250,0.9));
  color: white;
  box-shadow: 0 10px 30px rgba(244,114,182,0.25);
  transition: transform 0.12s ease;
}
.btn-primary:hover{ transform: translateY(-1px) scale(1.01); }
.btn-primary:active{ transform: translateY(0px) scale(0.99); }

.btn-secondary{
  border-radius: 9999px;
  padding: 0.85rem 1.2rem;
  font-weight: 700;
  background: rgba(255,255,255,0.7);
  border: 1px solid rgba(255,255,255,0.8);
  transition: transform 0.12s ease;
}
.btn-secondary:hover{ transform: translateY(-1px); }