body {
  font-family: 'Arial', sans-serif;
  background: linear-gradient(135deg, #1e3a8a, #6b7280);
}

.form.active {
  display: block;
}

input {
  transition: all 0.3s ease;
}

input:focus {
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3);
}

button {
  transition: all 0.3s ease;
}

@media (max-width: 640px) {
  h1 {
    font-size: 1.75rem;
  }
  .max-w-md {
    padding: 1.5rem;
  }
}