*,
*::before,
*::after {
  box-sizing: border-box;
}

[hidden] {
  display: none !important;
}

html,
body {
  min-height: 100%;
  margin: 0;
}

body {
  font-family: ui-sans-serif, system-ui, -apple-system, "SF Pro Display", "SF Pro Text", "Inter", "Segoe UI", Roboto, Arial, sans-serif;
  background:
    radial-gradient(circle at top, rgba(30, 20, 80, 0.35), transparent 40%),
    linear-gradient(180deg, #0a0e18 0%, var(--bg-page) 100%);
  color: var(--text-main);
}

button,
input,
textarea,
select {
  font: inherit;
}

button {
  cursor: pointer;
}

/* Scrollbar global */
* {
  scrollbar-width: thin;
  scrollbar-color: #2d3748 transparent;
}

*::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

*::-webkit-scrollbar-track {
  background: transparent;
}

*::-webkit-scrollbar-thumb {
  background: #2d3748;
  border-radius: 999px;
}

*::-webkit-scrollbar-thumb:hover {
  background: #4a5568;
}