:root{
  --aa4-bg:#0b1220;
  --aa4-surface:#101a2d;
  --aa4-ink:#eaf0ff;
  --aa4-muted: rgba(234,240,255,.74);
  --aa4-accent:#7c5cff;
  --aa4-border: rgba(234,240,255,.12);
}
html,body{background:var(--aa4-bg);color:var(--aa4-ink);}
a{color:inherit;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

.aa4-header{position:sticky;top:0;z-index:30;background:rgba(11,18,32,.72);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--aa4-border);padding:.8rem 0;}
.aa4-headline{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
#logo a{font-weight:900;letter-spacing:.2px;text-decoration:none;}
.aa4-tag{color:var(--aa4-muted);max-width:68ch;}

.aa4-main{padding:1rem 0 5.6rem;}
.aa4-timeline{position:relative;padding-left:1.2rem;}
.aa4-timeline:before{content:"";position:absolute;left:.35rem;top:.25rem;bottom:.25rem;width:2px;background:linear-gradient(var(--aa4-accent), rgba(124,92,255,.1));}
.aa4-pin{display:inline-flex;align-items:center;gap:.45rem;font-weight:800;margin:.25rem 0 1rem;color:var(--aa4-muted);}
.aa4-pin:before{content:"";width:10px;height:10px;border-radius:999px;background:var(--aa4-accent);box-shadow:0 0 0 6px rgba(124,92,255,.15);}
.aa4-card{background:var(--aa4-surface);border:1px solid var(--aa4-border);border-radius:16px;padding:1rem;margin:0 0 1rem;}
.aa4-card--muted{opacity:.9;}

.aa4-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;background:rgba(16,26,45,.86);backdrop-filter:saturate(160%) blur(10px);border-top:1px solid var(--aa4-border);}
.aa4-tabbar-inner{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;max-width:980px;margin:0 auto;}
.aa4-tab{padding:.9rem .6rem;text-align:center;text-decoration:none;color:var(--aa4-muted);border-right:1px solid rgba(234,240,255,.06);}
.aa4-tab:last-child{border-right:none;}
.aa4-tab.is-active{color:var(--aa4-ink);background:rgba(124,92,255,.16);}
.aa4-tab-label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

#footer{padding:1.25rem 0;border-top:1px solid var(--aa4-border);background:rgba(16,26,45,.35);}
#footer .container{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
#footer .social{display:flex;gap:.5rem;}
#footer .social a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:14px;border:1px solid var(--aa4-border);text-decoration:none;background:rgba(255,255,255,.02);}