*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html,body{height:100%}
body{
  font-family:var(--font); color:var(--text);
  background:var(--bg);
  background-image:
    radial-gradient(ellipse at 60% 0%,rgba(124,92,252,.18) 0%,transparent 60%),
    radial-gradient(ellipse at 0% 100%,rgba(192,132,252,.08) 0%,transparent 50%);
  background-attachment:fixed;
  min-height:100vh;
  -webkit-font-smoothing:antialiased;
  font-size:14px; line-height:1.5;
}
[data-theme="light"] body{
  background-color:#f2f4fb;
  background-image:
    radial-gradient(ellipse at 65% 0%,  rgba(124,92,252,.09) 0%,transparent 52%),
    radial-gradient(ellipse at 0%  95%, rgba(107,63,200,.06) 0%,transparent 45%),
    radial-gradient(ellipse at 100% 60%,rgba(96,165,250,.05) 0%,transparent 40%),
    linear-gradient(180deg,#ffffff 0%,#f2f4fb 100%);
}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
ul,ol{list-style:none}
img,svg{display:block;max-width:100%}
h1,h2,h3,h4{font-weight:700;line-height:1.25}
h1{font-size:28px} h2{font-size:22px} h3{font-size:18px} h4{font-size:16px}
@media(max-width:560px){h1{font-size:22px}h2{font-size:18px}h3{font-size:15px}h4{font-size:14px}}
.muted{color:var(--text2)}
.mono{font-family:var(--mono)}
.hidden{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
::selection{background:var(--accent);color:#fff}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}
::-webkit-scrollbar-thumb:hover{background:var(--border2)}
.brand-text{
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  font-weight:800;
}