@font-face {
  font-family: "Instrument Sans";
  src:
    url("../fonts/InstrumentSans-VariableFont_wdth\,wght.woff2") format("woff2"),
    url("../fonts/InstrumentSans-VariableFont_wdth\,wght.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

html {
  scroll-behavior: smooth;
}

html::-webkit-scrollbar {
  display: none;
}

body {
  background: radial-gradient(circle at 20% 20%, #0f0f0f, #000000 70%);
  min-height: 100vh;
  color: white;
  font-weight: 700;
  font-family: "Instrument Sans", sans-serif;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  background:
    radial-gradient(circle at 45% 35%, rgba(3, 201, 0, 0.04), transparent 40%),
    radial-gradient(circle at 80% 70%, rgba(25, 165, 0, 0.02), transparent 40%);
  pointer-events: none;
}

.reveal {
  opacity: 0;
  transform: translateY(30px) scale(0.95);
  transition:
    transform 0.4s ease-out,
    opacity 0.4s ease-out,
    filter 0.4s ease-out !important;
  filter: blur(5px);
}

.reveal.active {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0);
}