/* === Form === */

form { 
  max-width: 600px; 
  margin: 0 auto; 
}


form label { 
  display: block; 
  margin-bottom: 1rem; 
  font-weight: bold; 
}


form input, form textarea {
  box-sizing: border-box; 
  width: 100%; 
  padding: 0.75rem; 
  margin-top: 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.3); 
  border-radius: 0.75rem;
  font-size: 1rem; 
  background: rgba(255, 255, 255, 0.1); 
  color: #fff;
  backdrop-filter: blur(10px);
}


form button {
  background: #3E5B4D; /* Changed from red to green */
  color: #fff;
  padding: 0.75rem 2rem;
  border: 1px solid rgba(255, 255, 255, 0.3);
  cursor: pointer;
  border-radius: 0.75rem;
  font-size: 1rem;
  backdrop-filter: blur(10px);
  transition: background 0.3s ease;
}


form button:hover { 
  background: #2F443A;
}