:root{
  --a0037-bg:#0b1020;
  --a0037-panel:#121a2e;
  --a0037-ink:#e5e7eb;
  --a0037-muted:#a3a3b3;
  --a0037-accent:#22c55e;
  --a0037-accent2:#38bdf8;
  --a0037-line: rgba(255,255,255,.12);
}

body.theme-a0037{
  background:
    radial-gradient(1100px 520px at 20% 0%, rgba(56,189,248,.18), transparent 55%),
    radial-gradient(900px 420px at 80% 10%, rgba(34,197,94,.14), transparent 60%),
    var(--a0037-bg);
  color: var(--a0037-ink);
}

.topbar{position: sticky; top:0; z-index: 70; background: rgba(18,26,46,.72); backdrop-filter: blur(12px); border-bottom: 1px solid var(--a0037-line);} 
.topbar-inner{display:flex; align-items:center; gap: 1rem; padding: .9rem 0;}

#logo img{height: 34px; width:auto; display:block;}
.site-name{font-weight: 800; line-height: 1.1;}
.site-tagline{color: var(--a0037-muted);} 
.site-tagline p{margin:0;}

.button.light{border-color: rgba(255,255,255,.35); color: var(--a0037-ink);} 

.p-rail{padding: 1rem; color: var(--a0037-ink);} 
.rail-title{font-weight: 800; margin-bottom: .6rem;} 
.rail-slot{margin-top: 1rem;} 
.off-canvas{background: rgba(18,26,46,.96);} 

.stage{padding: 2rem 0 3rem;}
.timeline-head{max-width: 60rem; margin: 0 auto 1rem;}

.timeline-body{position: relative; max-width: 60rem; margin: 0 auto; padding-left: 2.25rem;}
.timeline-axis{position:absolute; left: 16px; top:0; bottom:0; width: 2px; background: linear-gradient(180deg, rgba(56,189,248,.5), rgba(34,197,94,.4)); border-radius:999px;}

.timeline-card{background: rgba(18,26,46,.76); border: 1px solid var(--a0037-line); border-radius: 16px; padding: 1rem;}
.timeline-card :is(h1,h2,h3){scroll-margin-top: 6rem;}

#footer{padding: 2.5rem 0;}
#footer .social [class^="icon-"]{display:inline-block;width:1.25rem;height:1.25rem;border-radius:999px;background:currentColor;opacity:.18;vertical-align:middle;}