body.ui-style-11 {
  --primary-color: #3498db;
  --secondary-color: #2c3e50;
  --accent-color: #e74c3c;
  --bg-color: #f8f9fa;
  --text-color: #333;
}

.layout-B .container {
  animation: fadeIn 0.5s ease-in;
}

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

a { transition: color 0.3s ease; }
button {
  cursor: pointer;
  transition: all 0.3s ease;
}

@media (max-width: 768px) {
  .grid { grid-template-columns: 1fr; }
  h1 { font-size: 24px; }
  .container { padding: 15px; }
}