:root{
  --aa0050-bg:#0b1020;
  --aa0050-surface:#111827;
  --aa0050-paper:#ffffff;
  --aa0050-ink:#0f172a;
  --aa0050-accent:#60a5fa;
  --aa0050-border:rgba(255,255,255,.10);
}

body{background:radial-gradient(900px 480px at 75% 10%, rgba(96,165,250,.18), transparent 60%), var(--aa0050-bg);}

.aa0050-bar{position:sticky;top:0;background:rgba(17,24,39,.92);backdrop-filter: blur(10px);border-bottom:1px solid var(--aa0050-border);color:#e5e7eb;z-index:20;}
.aa0050-bar-inner{display:flex;align-items:center;gap:1rem;padding:.9rem 0;}
.aa0050-logo a{color:#fff;text-decoration:none;font-weight:900;letter-spacing:.2px;}
.aa0050-nav{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end;flex:1;}
.aa0050-navlink{color:rgba(229,231,235,.85);text-decoration:none;padding:.35rem .6rem;border-radius:999px;background:rgba(255,255,255,.08);}
.aa0050-navlink.is-active{background:rgba(96,165,250,.22);}
.aa0050-sub{padding:0 0 1rem;color:rgba(229,231,235,.75);}

.aa0050-main{padding:1.25rem 0 2rem;}
.aa0050-grid{display:grid;grid-template-columns: 1.2fr .8fr;gap:1rem;align-items:start;}
.aa0050-panel{border-radius:1.1rem;overflow:hidden;}
.aa0050-panelA{background:var(--aa0050-paper);}
.aa0050-panelB{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);color:#e5e7eb;}
.aa0050-panel-inner{padding:1.25rem;}
.aa0050-item{display:block;padding:.55rem .7rem;border-radius:.85rem;text-decoration:none;color:inherit;background:rgba(255,255,255,.06);margin-top:.5rem;}
.aa0050-item:hover{background:rgba(96,165,250,.18);}

#footer{background:rgba(17,24,39,.92);border-top:1px solid var(--aa0050-border);color:rgba(229,231,235,.85);}
#footer .container{max-width:1100px;margin:0 auto;padding:1rem;}
#footer a{color:#93c5fd;}
.sr-only{position:absolute;left:-9999px;}

@media (max-width: 980px){
  .aa0050-grid{grid-template-columns:1fr;}
}