*{
  box-sizing:border-box;
  min-width:0;
}

html{
  scroll-behavior:auto;
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}

body{
  margin:0;
  font-family:'Inter', Arial, sans-serif;
  background:
    radial-gradient(circle at top right, rgba(127,208,210,0.14), transparent 30%),
    radial-gradient(circle at left, rgba(85,195,165,0.10), transparent 28%),
    linear-gradient(180deg, var(--bg) 0%, var(--bg2) 100%);
  color:var(--text);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  width:100%;
  max-width:100%;
  overflow-x:hidden;
  padding-top:112px;
}

img,svg,video,canvas,iframe{
  max-width:100%;
}

a{color:inherit}

.container{
  width:100%;
  max-width:var(--max);
  margin:auto;
  padding:0 16px;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
  }
}

@media(max-width:900px){
  body{padding-top:108px}
}