:root { color-scheme: dark; }
html, body { height: 100%; }

/* Subtle animated stars (optional) */
.starfield {
  background-image:
    radial-gradient(2px 2px at 20% 40%, rgba(255,255,255,.07) 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 70% 20%, rgba(255,255,255,.05) 50%, transparent 51%),
    radial-gradient(1.3px 1.3px at 90% 80%, rgba(255,255,255,.045) 50%, transparent 51%);
  background-size: 900px 900px, 1100px 1100px, 1300px 1300px;
  animation: drift 60s linear infinite;
}

@keyframes drift {
  from { background-position: 0 0, 0 0, 0 0; }
  to   { background-position: -900px 700px, 1100px -900px, 1300px 1100px; }
}

@media (prefers-reduced-motion: reduce) {
  .starfield { animation: none; }
}