html.is-logged-in #login-gateway {
  display: none !important;
}
html.is-logged-in #main-app {
  display: flex !important;
  flex-direction: column;
}
@media (min-width: 1024px) {
  html.is-logged-in #main-app {
    display: grid !important;
  }
}

.custom-scroll::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.custom-scroll::-webkit-scrollbar-track {
  background: transparent;
}
.custom-scroll::-webkit-scrollbar-thumb {
  background: #CBD5E1;
  border-radius: 99px;
}
.custom-scroll::-webkit-scrollbar-thumb:hover {
  background: #94A3B8;
}

.page-transition {
  animation: fadeUp 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes pulseGold {
  0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 184, 28, 0.45); }
  50% { transform: scale(1.05); box-shadow: 0 0 0 8px rgba(255, 184, 28, 0); }
}
.pulse-gold {
  animation: pulseGold 2s infinite;
}

body {
  overflow-x: hidden;
  width: 100vw;
}