:root { --brand: #5b8cff; --brand2:#9b5dff; --brand3:#ff6584; }
html { scroll-behavior: smooth; }
body { font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; }
.gradient-bg {
  background: linear-gradient(120deg,var(--brand),var(--brand2),var(--brand3));
  background-size: 200% 200%;
  animation: gradShift 28s ease infinite;
}
@keyframes gradShift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
.card { transition: transform .2s ease, box-shadow .2s ease; will-change: transform; }
.card:hover { transform: scale(1.02); }
.btn { transition: transform .18s ease, box-shadow .18s ease; }
.btn:hover { transform: translateY(-1px); }
#cursor-dot {
  width: 10px; height: 10px; position: fixed; border-radius: 9999px;
  pointer-events: none; transform: translate(-50%,-50%); z-index: 9999; mix-blend-mode: difference; background: white; opacity: .9;
}
@media (prefers-reduced-motion: reduce){ .gradient-bg{ animation: none; } }