:root{
  --aa10-bg:#060913;
  --aa10-surface:#0b1020;
  --aa10-ink:#eaf2ff;
  --aa10-muted: rgba(234,242,255,.70);
  --aa10-accent:#ff8a3d;
  --aa10-border: rgba(234,242,255,.12);
}
html,body{background:var(--aa10-bg);color:var(--aa10-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;}

.aa10-bg{
  min-height:100vh;
  background:
    radial-gradient(900px 600px at 20% 12%, rgba(255,138,61,.12), transparent 55%),
    radial-gradient(900px 600px at 80% 18%, rgba(59,130,246,.10), transparent 55%),
    #060913;
}

.aa10-grid{
  display:grid;
  grid-template-areas:
    "header header"
    "main aside"
    "footer footer";
  grid-template-columns: 1fr 320px;
  gap: 1rem;
  padding: 1rem 0 5.6rem;
}

.aa10-header{grid-area:header;border:1px solid var(--aa10-border);border-radius:18px;background:rgba(11,16,32,.72);backdrop-filter:saturate(150%) blur(10px);padding:1rem;}
.aa10-header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
#logo img{height:34px;width:auto;display:block;}
.aa10-site{font-weight:900;}
.aa10-tag{color:var(--aa10-muted);max-width:70ch;}

.aa10-main{grid-area:main;min-width:0;}
.aa10-paper{border:1px solid var(--aa10-border);border-radius:18px;background:rgba(11,16,32,.72);backdrop-filter:saturate(150%) blur(10px);padding:1.1rem;}

.aa10-aside{grid-area:aside;}
.aa10-box{border:1px solid var(--aa10-border);border-radius:18px;background:rgba(11,16,32,.55);backdrop-filter:saturate(150%) blur(10px);padding:1rem;margin-bottom:1rem;}
.aa10-box-title{font-weight:900;margin-bottom:.5rem;}
.aa10-links{list-style:none;margin:0;padding:0;display:grid;gap:.25rem;}
.aa10-links a{text-decoration:none;display:block;padding:.25rem .35rem;border-radius:12px;}
.aa10-links a:hover{background:rgba(255,138,61,.12);}

#footer{grid-area:footer;border-top:1px solid var(--aa10-border);padding:1.25rem 0;background:rgba(11,16,32,.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(--aa10-border);text-decoration:none;background:rgba(255,255,255,.02);}

.aa10-dock{position:fixed;left:0;right:0;bottom:0;z-index:50;background:rgba(11,16,32,.80);backdrop-filter:saturate(150%) blur(10px);border-top:1px solid var(--aa10-border);}
.aa10-dock-inner{max-width:1100px;margin:0 auto;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;}
.aa10-dock-item{padding:.9rem .6rem;text-align:center;text-decoration:none;color:var(--aa10-muted);border-right:1px solid rgba(234,242,255,.06);}
.aa10-dock-item:last-child{border-right:none;}
.aa10-dock-item.is-active{color:var(--aa10-ink);background:rgba(255,138,61,.14);}
.aa10-dock-label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

@media (max-width: 1000px){
  .aa10-grid{grid-template-areas:"header" "main" "aside" "footer";grid-template-columns:1fr;}
}