/* Extra polish layered on top of the original Tailwind-like stylesheet. */
:root {
  color-scheme: dark;
}
body {
  background:
    radial-gradient(circle at top left, rgba(56,189,248,.10), transparent 34%),
    radial-gradient(circle at bottom right, rgba(168,85,247,.10), transparent 32%),
    #020617;
}
img { display: block; }
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.movie-player {
  aspect-ratio: 16 / 9;
  background: #000;
}
[data-card] {
  will-change: transform;
}
[data-card] img {
  background: linear-gradient(135deg, #111827, #0f172a);
}
@media (hover:hover) {
  [data-card]:hover {
    transform: translateY(-4px);
  }
}