body{color:#e6e6f0;background:#0d0b1e;margin:0;font-family:system-ui,sans-serif}a{color:#4da6ff;font-weight:500;text-decoration:none}a:hover{color:#5fafff;text-shadow:0 0 10px #5fafff}article,section{border-top:1px solid #ffffff1a;margin:2.5rem 0}.background{z-index:-1;pointer-events:none;opacity:.3;position:absolute;inset:0}.page{flex-direction:column;min-height:100vh;display:flex}.layout{flex:1;display:flex}@media (width<=700px){.layout{flex-direction:column}}.content{box-sizing:border-box;flex:1;max-width:700px;margin:0 auto;padding:1rem}@media (width<=700px){.content{padding:1.5rem}}.content-wrapper{width:100%;position:relative}.nav-toggle{color:#e6e6f0;text-align:left;z-index:20;background:#1c1a2e;border:none;width:100%;padding:1rem;font-size:1.2rem;display:none}@media (width<=700px){.nav-toggle{display:block}}.sidebar{box-sizing:border-box;background:#1c1a2e;border-right:1px solid #ffffff1a;width:220px;padding:1.5rem;transition:transform .3s}.sidebar h2{color:#7b5cff;margin-top:0}.sidebar ul{margin:1rem 0 0;padding:0;list-style:none}.sidebar li{margin-bottom:1rem}.sidebar a{color:#e6e6f0}.sidebar a:hover{color:#4da6ff}.sidebar .subnav{border-left:2px solid #7b5cff;flex-direction:column;padding-left:.75rem;transition:max-height .25s;display:flex}.sidebar .subnav.collapsed{display:none}@media (width<=700px){.sidebar{z-index:10;border-bottom:1px solid #ffffff1a;border-right:none;width:100%;position:absolute;top:0;left:0;transform:translateY(-100%)}.sidebar.open{transform:translateY(0)}}.footer{text-align:center;color:#a8a8c0;background:#1c1a2e;border-top:1px solid #ffffff1a;padding:1rem}.highlighted-box{background:#1c1a2e;border-radius:8px;margin:2rem 0;padding:1.5rem;box-shadow:0 2px 6px #00000026}.indented-content{border-left:4px solid #7b5cff;margin:2rem 0;padding-left:1rem}.card{background:#1c1a2e;border:1px solid #ffffff1a;border-radius:8px;max-width:15rem;margin:2rem 0;padding:1.5rem}.card-container{flex-direction:row;gap:1.5rem;display:flex}.terminal{color:#e6e6f0;background:0 0;border-radius:8px;flex-direction:column;height:400px;padding:1rem;font-family:Fira Mono,monospace;display:flex;box-shadow:0 0 20px #0006}.terminal-output{flex:1;margin-bottom:.5rem;overflow-y:auto}.terminal-line{white-space:pre-wrap;margin:.2rem 0}.terminal-input{color:#e6e6f0;background:0 0;border:none;border-top:1px solid #ffffff1a;outline:none;width:100%;padding:.5rem;font-family:inherit;font-size:1rem}