html,
body {
  height: 100%;
}

body {
  padding-top: 20px;
  background-color: #ffffff;
}

.login-container {
  max-width: 100%;
  padding: 15px;
}

.logo-container {
  margin-bottom: 2rem;
}

.logo-container img {
  max-width: 300px;
  height: auto;
}

.form-group input[type="text"],
.form-group input[type="password"] {
  box-shadow: 0 2px 8px rgba(13, 110, 253, 0.15);
  border: 1px solid #c0d6f7;
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.form-group input[type="text"]:focus,
.form-group input[type="password"]:focus {
  box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.2), 0 2px 8px rgba(13, 110, 253, 0.25);
  border-color: #0d6efd;
  outline: none;
}