body {
    font-family: Arial, sans-serif;
    text-align: center;
    background: #f0f0f0;
    color: #333;
    padding: 20px;
}

h1 {
    color: #317EFB;
}




button {
  padding: 12px 24px;
  font-size: 16px;
  font-weight: bold;
  color: white;
  background: linear-gradient(135deg, #4CAF50, #2E7D32);
  border: none;
  border-radius: 30px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 1px;
}

button:hover {
  background: linear-gradient(135deg, #66BB6A, #388E3C);
  transform: scale(1.05);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
}

button:active {
  transform: scale(0.98);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}