/* ================================================================
   RESET / BASE ELEMENTS
================================================================ */

*, *::before, *::after  {
  margin: 0;
  padding: 0;
  box-sizing: border-box;

}
html  {
  scroll-behavior: smooth;
  font-size: 16px;

}
body  {
  font-family: "Inter", sans-serif;
  background: var(--black);
  color: var(--text-secondary);
  overflow-x: hidden;
  line-height: 1.7;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;

}
img  {
  -webkit-user-drag: none;
  pointer-events: none;

}
body::after  {
  content: "";
  position: fixed;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
  pointer-events: none;
  z-index: 9998;
  opacity: 0.4;

}
::-webkit-scrollbar  {
  width: 5px;

}
::-webkit-scrollbar-track  {
  background: var(--deep);

}
::-webkit-scrollbar-thumb  {
  background: linear-gradient(180deg, var(--cyan), var(--blue));
  border-radius: 3px;

}
*  {
  scrollbar-color: var(--cyan) var(--deep);
  scrollbar-width: thin;

}