:root {
  --primary-color: #2c3e50;
  --secondary-color: #3498db;
  --gradient-start: #2980b9;
  --gradient-end: #2c3e50;
}

.login-card {
  max-width: 400px; /* Diperkecil lagi */
  margin: 20px auto 0;
  border-radius: 12px;
  padding: 1.25rem !important; /* Padding lebih kecil */
}

.school-logo {
  width: auto; /* Ubah dari fixed width ke auto */
  height: auto;
  margin: 0 auto 1rem !important; /* Hilangkan margin negatif */
  padding: 0 !important; /* Hilangkan padding */
  box-shadow: none !important; /* Hilangkan shadow */
  background: transparent !important; /* Hilangkan background */
  border-radius: 0 !important; /* Hilangkan border radius */
}

.school-logo img {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

.form-control-sm {
  font-size: 0.85rem !important;
  padding: 0.5rem 0.75rem !important;
  border-radius: 6px !important;
}

.input-group-sm .input-group-text {
  padding: 0.5rem 0.75rem !important;
  font-size: 0.85rem !important;
}

.btn-primary {
  padding: 0.5rem 1rem !important;
  font-size: 0.9rem !important;
  border-radius: 6px !important;
}

.btn-sm {
  font-size: 0.8rem !important;
  padding: 0.4rem 0.8rem !important;
}

.alert {
  padding: 0.5rem 0.75rem !important;
  font-size: 0.85rem !important;
  margin-bottom: 0.75rem !important;
}

h3 {
  font-size: 1.3rem !important;
  margin-bottom: 0.25rem !important;
}

h3 small {
  font-size: 0.85rem !important;
  line-height: 1.2;
}

hr {
  margin: 0.5rem 0 !important;
}

@media (max-width: 576px) {
  .login-card {
    max-width: 320px;
    padding: 1rem !important;
  }

  .school-logo {
    width: 70px;
    height: 70px;
    margin: -35px auto 0.25rem !important;
  }

  .btn-primary {
    font-size: 0.85rem !important;
  }
}