*{box-sizing:border-box}
html,body{margin:0;padding:0;height:100%}
body{
  display:flex;
  flex-direction:column;
  min-height:100dvh;
  font-family:var(--font-sans);
  color:var(--primary);
  line-height:1.6;
  background:
  radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.08), transparent 60%),
  radial-gradient(circle at 70% 80%, rgba(143, 169, 179, 0.12), transparent 60%),
  linear-gradient(
    180deg,
    #1a1a1d 0%,
    #0a2540 65%,
    #8fa9b3 100%
  );
  background-attachment: fixed;
}
main{flex:1}
img{max-width:100%;height:auto}
.container{max-width:84%;margin:0 auto}
[hidden]{display:none!important}
.section{padding:var(--space-6) 0}
.section.muted{background:linear-gradient(180deg, rgba(var(--accentrgb),0.06), transparent)}
.grid-3{display:grid;gap:16px}
@media(min-width: 860px){ .grid-3{grid-template-columns:repeat(2,1fr)} }
ul.list-plain{list-style:none;padding-left:0}
ul.list-plain li{margin:6px 0}