:root{
  --au-bg:#07060D;--au-text:#F2F0FF;--au-accent:#00F5FF;--au-muted:#B7B3D6;
  --au-radius:18px;--au-max:1200px;--au-pad:18px;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--au-bg);color:var(--au-text)}
img{max-width:100%;height:auto;display:block}
.page-width{max-width:var(--au-max);margin:0 auto;padding:0 var(--au-pad)}
.section{padding:48px 0}
.button{display:inline-block;padding:12px 18px;border-radius:999px;background:var(--au-accent);color:#07060D;text-decoration:none;font-weight:700}
.button--secondary{background:transparent;border:1px solid var(--au-accent);color:var(--au-accent)}
.grid{display:grid;gap:18px}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}
.card{background:#111027;border:1px solid rgba(255,255,255,.06);border-radius:var(--au-radius);padding:16px}