.ui-style-1 {
  --primary-color: #d32f2f;
  --secondary-color: #1976d2;
  --bg-color: #f5f5f5;
}

body {
  font-size: 16px;
}

.container {
  transition: all 0.3s ease;
}

@media (max-width: 768px) {
  nav {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: hidden !important;
    justify-content: space-between !important;
  }

  nav a {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

.fade-in {
  animation: fadeIn 0.5s ease-in;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}