@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

/* Responsive Banner Class for consistent height */
.responsive-banner {
  height: 60vh;              /* Mobile height: 60% of viewport height */
  min-height: 400px;
  max-height: 800px;
}
@media (min-width: 768px) {
  .responsive-banner {
    height: 80vh;            /* Desktop height: 80% of viewport height */
    max-height: 900px;
  }
}

/* Existing Styles */
body { font-family: 'Inter', sans-serif; background:#0d1117; }
.text-accent-red { color:#f87171; }
.bg-dark-card { background:#161b22; }
::-webkit-scrollbar { width:8px; }
::-webkit-scrollbar-track { background:#161b22; }
::-webkit-scrollbar-thumb { background:#30363d; border-radius:4px; }
::-webkit-scrollbar-thumb:hover { background:#4f5864; }