*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  background:radial-gradient(circle at 50% 18%,#20233b 0%,var(--color-bg-soft) 34%,var(--color-bg) 72%);
  color:var(--text)
}
main{flex:1}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
button{border:0}
.container{width:min(92%,var(--content-width));margin-inline:auto}
.visually-hidden{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0
}