:root {
  --brand-primary: #0d6efd;
  --brand-dark: #0b1220;
}

body {
  color: #1c2430;
}

.hero-section {
  min-height: 68vh;
  background: linear-gradient(120deg, rgba(11, 18, 32, 0.93), rgba(13, 110, 253, 0.65)),
    url('https://images.unsplash.com/photo-1494412685616-a5d310fbb07d?auto=format&fit=crop&w=1600&q=80') center/cover no-repeat;
}

.card {
  border-radius: 0.9rem;
}

.btn {
  border-radius: 0.65rem;
}

#downloads .btn {
  text-align: left;
}

footer {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}