body { 
  font-family: Arial, Helvetica, sans-serif; 
  background-color: #0d0d0d; 
  color: #ffffff; 
  display: flex; 
  justify-content: center; 
  align-items: center; 
  min-height: 100vh; 
  margin: 0; 
} 

/* Bordered form */ 
form { 
  border: 2px solid #ff4d4d; 
  background-color: #1a1a1a; 
  padding: 20px; 
  border-radius: 8px; 
  box-shadow: 0 0 15px rgba(255, 77, 77, 0.2); 
  width: 100%; 
  max-width: 300px; 
} 

/* Full-width inputs */ 
input[type=text], input[type=password] { 
  width: 100%; 
  padding: 12px 20px; 
  margin: 8px 0; 
  display: inline-block; 
  border: 1px solid #333333; 
  background-color: #262626; 
  color: #ffffff; 
  box-sizing: border-box; 
  border-radius: 4px; 
} 

input:focus[type="text"], input:focus[type="password"], 
input:hover[type="text"], input:hover[type="password"] { 
  background-color: #333333; 
  border-color: #ff4d4d; 
  outline: none; 
  box-shadow: 0 0 8px rgba(255, 77, 77, 0.5); 
} 

/* Set a style for all buttons */ 
button { 
  background-color: #e60000; 
  color: white; 
  padding: 14px 20px; 
  margin: 8px 0; 
  border: none; 
  cursor: pointer; 
  width: 100%; 
  font-weight: bold; 
  letter-spacing: 1px; 
  border-radius: 4px; 
} 

/* Add a hover effect for buttons */ 
button:hover { 
  background-color: #ff3333; 
} 

/* Added style for links */
a {
  color: #ff4d4d;
  text-decoration: none;
  font-size: 14px;
}

/* Added hover effect for links */
a:hover {
  color: #ff3333;
  text-decoration: underline;
}

/* Add padding to containers */ 
.container { 
  padding: 16px; 
}