.hero {
  position: relative;
  min-height: 68vh;
  display: grid;
  place-items: center;
  background: linear-gradient(rgba(13,78,166,.75), rgba(13,78,166,.45)),
    url("assets/hero.jpg") center/cover no-repeat;
  color: #fff;
}

.hero .glass {
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.25);
  backdrop-filter: blur(6px);
  border-radius: 28px;
  padding: 34px;
}

.section {
  padding: 50px 0;
}

.card-lite {
  background: var(--card);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}

footer {
  background: rgba(56,56,209,1);
  color: #dbe7ff;
}

.marquee {
  white-space: nowrap;
  animation: scroll-left 18s linear infinite;
  display: inline-flex;
}

@keyframes scroll-left {
  from { transform: translateX(0%); }
  to { transform: translateX(-50%); }
}