html {
  color-scheme: light;
}

body {
  background-attachment: fixed;
  overflow-x: hidden;
}

.glass-card {
  background: rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border: 1px solid rgba(255, 255, 255, 0.75);
}

.glass-strong {
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
}

.grid-pattern {
  background-image:
    linear-gradient(rgba(58, 103, 255, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(58, 103, 255, 0.04) 1px, transparent 1px);
  background-size: 24px 24px;
}

.app-scroll::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}

.app-scroll::-webkit-scrollbar-thumb {
  background: rgba(58, 103, 255, 0.25);
  border-radius: 999px;
}

.app-scroll::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
}