html, body {  height: 100%;  margin: 0;  font-family: sans-serif;  background-color: #aaa;  color: #fff;}.center {  display: flex;  justify-content: center;  align-items: center;  height: 100vh;}.wrapped-container {  display: inline-block;  text-align: center;  background-color: #1e1e1e;  border-radius: 8px;  box-shadow: 0 0 10px rgba(255,255,255,0.1);  padding: 1rem;}.vertical {  display: flex;  flex-direction: column;  gap: 1.2rem;  padding: 2rem;  min-width: 300px;}button {  display: inline-block;  font-weight: 400;  text-align: center;  vertical-align: middle;  user-select: none;  padding: 0.375rem 0.75rem;  font-size: 1rem;  line-height: 1.5;  border-radius: 0.25rem;  cursor: pointer;  border: 1px solid transparent;  text-decoration: none;  transition: background-color 0.15s ease-in-out;  color: black;  background-color: lightblue;}button:hover {  opacity: 0.9;}.input-field {  padding: 12px 15px;  border-radius: 5px;  border: 1px solid #444;  background-color: #2a2a2a;  color: white;  font-size: 1rem;  outline: none;  transition: border-color 0.3s, box-shadow 0.3s;}.input-field:focus {  border-color: lightblue;  box-shadow: 0 0 8px rgba(173, 216, 230, 0.4);}.input-field::placeholder {  color: #888;}