body {
  font-family: "Manrope", sans-serif;
  background-color: #0a122a;
  color: #dbe1ff;
}
.material-symbols-outlined {
  font-variation-settings:
    "FILL" 0,
    "wght" 400,
    "GRAD" 0,
    "opsz" 24;
}
.glass-panel {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.hero-gradient {
  background: linear-gradient(
    135deg,
    rgba(10, 18, 42, 0.9) 0%,
    rgba(10, 18, 42, 0.4) 100%
  );
}

body {
  min-height: max(884px, 100dvh);
}