html, body {
  margin: 0;
  height: 100%;
  font-family: Arial, sans-serif;
  background-color: var(--color-bg);
}

* {
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .login-container {
    width: calc(100% - 32px);
    max-width: 380px;
    padding: 24px;
    border-radius: 16px;
  }

  .login-container img {
    width: 100px;
  }

  .login-container h2 {
    font-size: 24px;
    margin-bottom: 18px;
  }

  .login-container input,
  .login-container button {
    font-size: 16px;
    padding: 12px;
  }

  .login-page {
    padding: 16px;
  }
}