.hero {
  min-height: 70vh;
  background: linear-gradient(135deg, #12172b 0%, #2b3566 100%);
}

.hero h1 {
  letter-spacing: -1px;
}

section h2 {
  font-weight: 700;
}

html {
  scroll-behavior: smooth;
}

.card {
  transition: transform .2s ease;
}

.card:hover {
  transform: translateY(-4px);
}

a:focus-visible,
button:focus-visible {
  outline: 3px solid #ffc107;
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .card { transition: none; }
}