*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html,body{margin:0;min-height:100%}
body{
  font-family:var(--font-body);font-size:var(--fs-md);line-height:var(--lh-body);
  color:var(--c-text);background-color:var(--c-bg);
  background-image:
    radial-gradient(900px 600px at 88% -8%,rgba(95,179,166,.11),transparent 62%),
    radial-gradient(800px 560px at -6% 108%,rgba(194,122,78,.12),transparent 60%),
    url("../assets/bg-pattern.svg");
  background-attachment:fixed;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:var(--lh-tight);margin:0 0 var(--sp-3);letter-spacing:0}
h1{font-size:var(--fs-2xl)} h2{font-size:var(--fs-xl)} h3{font-size:var(--fs-lg)}
p{margin:0 0 var(--sp-3)}
a{color:var(--c-primary);text-decoration:none}
a:hover{color:var(--c-primary-hover);text-decoration:underline}
img,svg{max-width:100%;display:block}
button,input,select,textarea{font:inherit;color:inherit}
::selection{background:rgba(95,179,166,.35);color:var(--c-text)}
:focus{outline:none}
:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px;border-radius:var(--r-sm)}
[hidden]{display:none!important}
.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.muted{color:var(--c-text-muted)} .faint{color:var(--c-text-faint)}
.ltr{direction:ltr;unicode-bidi:isolate;text-align:start}
.mono{font-family:var(--font-mono)}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:var(--c-border-strong);border-radius:var(--r-pill);border:2px solid var(--c-bg)}
::-webkit-scrollbar-track{background:transparent}