html {
  scroll-behavior: smooth;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  box-shadow: none !important;
}
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-weight: 400 !important; 
  letter-spacing: -0.01em !important;
  background-color: var(--background-color) !important;
}
.middle-content {
  max-width: 900px !important;
}
@media (max-width:768px) {
  .middle-content {
    max-width: 90% !important;
  }
}
.hover {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    will-change: transform, box-shadow;
}
.hover:hover {
    transform: translateY(-4px); 
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12); 
}
.swal2-icon.swal2-question, .swal2-icon.swal2-warning, .swal2-icon.swal2-info {
  border-color: var(--primary-color) !important;
  color: var(--primary-color) !important;
}