*{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:var(--font);
      color:var(--text);
      background:
        radial-gradient(circle at 0% 0%, rgba(126,217,87,.16), transparent 34rem),
        radial-gradient(circle at 100% 15%, rgba(28,156,75,.10), transparent 30rem),
        linear-gradient(180deg, #fbfdfb 0%, #f4f9f2 100%);
      overflow-x:hidden;
      line-height:1.5;
    }

    body::before{
      content:"";
      position:fixed;
      inset:0;
      pointer-events:none;
      background-image:
        linear-gradient(rgba(19,34,24,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(19,34,24,.035) 1px, transparent 1px);
      background-size:42px 42px;
      mask-image:linear-gradient(to bottom, rgba(0,0,0,.35), transparent 78%);
      z-index:-1;
    }

    a{text-decoration:none;color:inherit}
    img{max-width:100%;display:block}
    button,input,textarea,select{font:inherit}
    .container{width:min(var(--max), calc(100% - 32px)); margin:0 auto}