.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}

.glass-header {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

body {
  min-height: max(884px, 100dvh);
  background:
    radial-gradient(1200px 420px at 85% 0%, rgba(54, 122, 255, 0.16), transparent 55%),
    radial-gradient(800px 360px at 10% 12%, rgba(102, 233, 220, 0.14), transparent 60%),
    #f6f7fb;
}

header {
  border-bottom: 1px solid rgba(10, 73, 199, 0.08);
}

.text-primary {
  color: #0b4bd3 !important;
}

.bg-primary {
  background-color: #0b4bd3 !important;
}

.bg-secondary-fixed {
  background-color: #66e9dc !important;
}

.from-primary {
  --tw-gradient-from: #0b4bd3 var(--tw-gradient-from-position) !important;
}

.to-primary-container {
  --tw-gradient-to: #1e69ea var(--tw-gradient-to-position) !important;
}

.shadow-lg {
  box-shadow: 0 8px 20px rgba(11, 75, 211, 0.25);
}

.rounded-full {
  border-radius: 9999px;
}

.bg-surface-container-lowest,
.bg-surface-container-low,
.bg-surface-container-high {
  border: 1px solid rgba(10, 73, 199, 0.07);
}

.bg-surface-container-lowest {
  background-color: #ffffff !important;
}

.bg-surface-container-low {
  background-color: #f2f4fb !important;
}

.bg-surface-container-high {
  background-color: #eaedf7 !important;
}

footer {
  background: #f2f4fb !important;
}

nav {
  background: rgba(246, 247, 251, 0.95) !important;
  border-top: 1px solid rgba(11, 75, 211, 0.1) !important;
}