:root {
  --bg: #11264a;
  --panel: #142b57;
  --text: #e6eefc;
  --muted: #9fb3d4;
  --accent: #4fc3f7;
  --accent-2: #00e5a8;
}

html,
body {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
}

.glass {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02));
  border: 1px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(8px);
}

.grid-fade {
  background: radial-gradient(1200px 600px at 50% -10%, rgba(79, 195, 247, 0.15), transparent 60%),
    radial-gradient(800px 400px at 90% 10%, rgba(0, 229, 168, 0.15), transparent 60%);
}

.mobile-menu {
  opacity: 0;
  transform: translateY(-8px) scale(0.98);
  transform-origin: top right;
  transition: opacity 180ms ease, transform 180ms ease;
  pointer-events: none;
}

.mobile-menu.mobile-menu--open {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

@media (min-width: 640px) {
  .mobile-menu {
    opacity: 1;
    transform: none;
    pointer-events: auto;
  }
}