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

a { transition: all 0.3s ease; }
a:hover { opacity: 0.8; }

article:hover,
section a:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
}

.back-to-top {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  background: var(--primary-color);
  color: white;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  z-index: 999;
}

.back-to-top.show { display: flex; }

@media (max-width: 768px) {
  main { padding: 0 0.5rem !important; }
  h1 { font-size: 1.5rem !important; }
  h2 { font-size: 1.2rem !important; }
  article, section { padding: 1rem !important; }
}

@media (max-width: 480px) {
  nav a { font-size: 0.7rem !important; padding: 0.3rem 0.1rem !important; }
}