/* Minimal extras on top of Tailwind for fine-grained tweaks */
:root {
  --brand: #3b82f6; /* Tailwind sky-500 */
  --brand-2: #06b6d4; /* cyan-500 */
}
html, body { height: 100%; }
.backdrop-blur-8 { backdrop-filter: blur(8px); }
.card {
  @apply bg-white/5 border border-white/10 rounded-xl overflow-hidden shadow-lg;
}
.card-hover:hover {
  transform: translateY(-2px);
  transition: transform .15s ease;
}
.gradient-text {
  background: linear-gradient(90deg, #60a5fa, #22d3ee);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
/* Paywall overlay */
.paywall {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(2,6,23,0.75), rgba(2,6,23,0.95));
  display: flex; align-items: center; justify-content: center;
}
/* Hide Scrollbars in grid for a sleeker look */
.hide-scroll::-webkit-scrollbar { display: none; }
.hide-scroll { -ms-overflow-style: none; scrollbar-width: none; }