body,
html {
  margin: 0;
  padding: 0;
  /* background-color: #1B2E83; */
  /* font-family: Arial, Helvetica, sans-serif; */
  font-family: "Poppins", sans-serif;
  height: 100%;
}
.container {
  background: linear-gradient(135deg, #1b2e83, #0f1b4c);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.content {
  text-align: center;
  /* background-color: rgba(160, 160, 160, 0.442); */
  /* border-radius: 10px; */
  padding: 2rem;
  max-width: 400px;
  background-color: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(10px);
  border-radius: 12px;
}

.logo {
  width: 250px;
  /* height: 75px; */
  object-fit: contain;
}

h1 {
  color: #ffffff;
  margin-bottom: 0.5rem;
  /* font-size: 48px; */
}

/* 

Headline (h1): #FFFFFF
Subtext (p): #E0E0E0
Input box: #FFFFFF background, #1B2E83 text
*/

p {
  color: #e0e0e0;
  margin-bottom: 0.5rem;
  /* font-size: 18px; */
}

form {
  display: flex;
  flex-direction: column;
}

input[type="email"] {
  padding: 0.5rem;
  border-radius: 5px;
  border: none;
  color: #1b2e83;
  background-color: #ffffff;
  margin-bottom: 1rem;
  /* font-size: 16px; */
}
input::placeholder {
  color: #1b2e83;
}

button {
  padding: 0.5rem;
  border-radius: 8px;
  border: none;
  font-weight: 600;
  color: #1b2e83;
  background-color: #ffffff;
  cursor: pointer;
  font-size: 16px;
  transition: background-color 0.9s ease-in-out;
}

button:hover {
  background-color: #e6e6e6;
}