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

html{
  scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;
}

body{
  margin:0;
  min-height:100vh;
  background:
    radial-gradient(circle at 18% 5%, rgba(168,85,247,.25), transparent 28rem),
    radial-gradient(circle at 84% 18%, rgba(57,245,200,.18), transparent 22rem),
    radial-gradient(circle at 54% 92%, rgba(249,115,22,.12), transparent 28rem),
    var(--bg);
  color:var(--text);
  font-family:var(--font-fa);
  line-height:1.75;
  overflow-x:hidden;
}

a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%;height:auto}
button,input,textarea{font:inherit}
button{cursor:pointer}
ul{margin:0;padding:0}
li{list-style:none}
::selection{background:rgba(57,245,200,.28);color:#fff}

.skip-link{
  position:absolute;
  inset-inline-start:1rem;
  top:-4rem;
  z-index:9999;
  padding:.75rem 1rem;
  border-radius:1rem;
  background:#fff;
  color:#020617;
  transition:top .2s ease;
}
.skip-link:focus{top:1rem}