/* layout.css */
body {
  height: 100vh;
  background: linear-gradient(135deg, #c9d6ff, #e2e2e2);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
}

/* Dark Mode */
body.dark-mode {
  background: linear-gradient(135deg, #2f2f2f, #1a1a1a);
}

.login-wrapper {
  width: 100%;
  max-width: 400px;
  padding: 20px;
}

@media (max-width: 480px) {
  .login-wrapper {
    padding: 10px;
  }
}

@media (max-width: 360px) {
  .login-wrapper {
    padding: 10px;
  }
}