*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  background:radial-gradient(circle at 20% 10%, var(--bg-1) 0%, var(--bg-0) 60%);
  color:var(--text-0);
  font-family:var(--font-body);
  min-height:100vh;
  overflow-x:hidden;
  line-height:1.5;
}
h1,h2,h3,h4{font-family:var(--font-display); font-weight:700; letter-spacing:0.2px;}
button{
  font-family:inherit;
  cursor:pointer;
  border:none;
  background:none;
  color:inherit;
}
button:focus-visible, [tabindex]:focus-visible{
  outline:2px solid var(--accent-1);
  outline-offset:2px;
}
img,svg{display:block; max-width:100%;}
a{color:var(--accent-1); text-decoration:none;}
ul,ol{list-style:none;}
p{color:var(--text-1);}
.glass{
  background:var(--glass-bg);
  border:1px solid var(--glass-border);
  backdrop-filter:blur(var(--glass-blur));
  -webkit-backdrop-filter:blur(var(--glass-blur));
}
.sr-only{
  position:absolute; width:1px; height:1px; overflow:hidden;
  clip:rect(0,0,0,0); white-space:nowrap;
}
.hidden{display:none !important;}
#particle-canvas{
  position:fixed; inset:0; z-index:var(--z-particles);
  pointer-events:none;
}