.navbar{position:sticky!important;top:0;left:0;right:0;z-index:1000;background:var(--nav-bg-color);transition:all .3s ease;box-shadow:0 2px 10px #0000001a}.navbar.scrolled{background:var(--nav-bg-color);box-shadow:0 4px 20px #00000026}.nav-container{width:100%;margin:0;padding:.6rem 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:relative}.nav-brand-wrapper{justify-self:start;padding-left:2rem;z-index:1001}.nav-brand{font-size:var(--brand-font-size);font-weight:700;color:var(--nav-text-color)!important;text-decoration:none!important;transition:all .3s ease;display:inline-block}.nav-brand:hover{opacity:.9;color:var(--nav-text-color)!important;transform:translate(5px)}.brand-first{display:inline-block}.nav-menu{display:flex;gap:1.25rem;align-items:center;justify-self:center}.nav-link{display:flex!important;flex-direction:row!important;align-items:center;gap:1rem;text-decoration:none!important;color:var(--nav-text-color)!important;font-size:var(--link-font-size)!important;font-weight:500;transition:all .3s ease;position:relative;padding:.5rem .9rem;cursor:pointer}.nav-link svg{color:var(--nav-text-color)!important;transition:all .3s ease;flex-shrink:0}.nav-link:hover{opacity:2;color:var(--nav-text-color)!important}.nav-link:hover svg{transform:scale(1.15) rotate(-5deg)}.nav-link.active{opacity:1}.nav-link.active svg{color:var(--nav-text-color)!important;transform:scale(1.1)}.mobile-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001;justify-self:end;margin-right:2rem}.mobile-toggle span{width:100%;height:3px;background:var(--nav-text-color);border-radius:3px;transition:all .3s ease;transform-origin:center}.mobile-toggle:hover span{opacity:.8}.mobile-toggle.open span:nth-child(1){transform:translateY(10.5px) rotate(45deg)}.mobile-toggle.open span:nth-child(2){opacity:0}.mobile-toggle.open span:nth-child(3){transform:translateY(-10.5px) rotate(-45deg)}@keyframes slideIn{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 1800px){.nav-container{grid-template-columns:1fr auto}.nav-menu{justify-self:end;padding-right:2rem}}@media (max-width: 650px){.nav-container{grid-template-columns:1fr auto}.mobile-toggle{display:flex}.nav-menu{position:fixed;top:0;right:-300px;height:100vh;width:280px;background:var(--nav-bg-color);flex-direction:column;justify-content:center;gap:.75rem;padding:2rem;box-shadow:-5px 0 25px #00000026;transition:right .4s cubic-bezier(.68,-.55,.265,1.55);z-index:1002}.nav-menu.active{right:0}.nav-link{padding:1rem 1.5rem;border-radius:8px;justify-content:flex-start;opacity:0;transform:translate(50px)}.nav-menu.active .nav-link{animation:slideIn .4s ease forwards;animation-delay:calc(var(--item-index) * .1s)}.nav-link:hover{background:#1c1c1c0d;transform:translate(0)}}@media (max-width: 768px){.nav-brand{font-size:calc(var(--brand-font-size) * .67)}.nav-brand-wrapper{padding-left:1.5rem}.mobile-toggle{margin-right:1.5rem}}@media (max-width: 480px){.nav-brand-wrapper{padding-left:1rem}.mobile-toggle{margin-right:1rem;width:26px;height:20px}.mobile-toggle span{height:2.5px}.mobile-toggle.open span:nth-child(1){transform:translateY(8.75px) rotate(45deg)}.mobile-toggle.open span:nth-child(3){transform:translateY(-8.75px) rotate(-45deg)}.nav-menu{width:240px;right:-240px}.nav-link{padding:.875rem 1.25rem;gap:.75rem}}:root{--fs-2xs: .75rem;--fs-xs: .85rem;--fs-sm: .95rem;--fs-base: 1rem;--fs-md: 1.125rem;--fs-lg: 1.25rem;--fs-xl: 1.5rem;--fs-2xl: 2rem;--fs-3xl: 2.5rem;--fs-display: 3rem}@media (max-width: 768px){:root{--fs-display: 2.25rem;--fs-3xl: 2rem;--fs-2xl: 1.6rem;--fs-xl: 1.35rem;--fs-lg: 1.2rem}}@media (max-width: 480px){:root{--fs-display: 1.9rem;--fs-3xl: 1.75rem;--fs-2xl: 1.4rem;--fs-xl: 1.25rem;--fs-lg: 1.1rem;--fs-md: 1rem;--fs-base: .95rem;--fs-sm: .9rem;--fs-xs: .8rem}}*,*:before,*:after{box-sizing:border-box}html,body{background-color:#0f151b!important;color:#fff!important}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5}.app-container{width:90%;max-width:1200px;margin:1.5rem auto 0;padding-top:1.5rem}.text-primary{color:#f0f6fc;line-height:1.6;font-size:var(--fs-base)}.text-secondary{color:#c9d1d9;line-height:1.6;font-size:var(--fs-base)}.text-muted{color:#8b949e;line-height:1.6;font-size:var(--fs-sm)}.heading-xl{padding-top:1.3rem;color:#f0f6fc;font-size:var(--fs-3xl);font-weight:700;line-height:1.2;margin-bottom:1rem}.heading-lg{padding-top:1.3rem;color:#f0f6fc;font-size:var(--fs-2xl);font-weight:700;line-height:1.3;margin-bottom:.875rem}.heading-md{padding-top:1.3rem;color:#c9d1d9;font-size:var(--fs-xl);font-weight:600;line-height:1.4;margin-bottom:.75rem}.heading-sm{padding-top:1.3rem;color:#c9d1d9;font-size:var(--fs-lg);font-weight:600;line-height:1.4;margin-bottom:.5rem}.paragraph{color:#c9d1d9;font-size:var(--fs-md);line-height:1.7;margin-bottom:1rem}.paragraph-lg{color:#c9d1d9;font-size:var(--fs-md);line-height:1.8;margin-bottom:1.25rem}.paragraph-sm{color:#8b949e;font-size:var(--fs-sm);line-height:1.6;margin-bottom:.75rem}.text-emphasis{font-weight:800}.text-italic{font-weight:600}.text-highlight{color:#f0f6fc;font-weight:600;background:linear-gradient(120deg,#58a6ff33,#58a6ff1a);padding:.1rem .3rem;border-radius:3px}.text-link{color:#58a6ff;text-decoration:none;transition:all .2s ease;border-bottom:1px solid transparent}.text-link:hover{color:#79c0ff;border-bottom-color:#58a6ff}.content-section{color:#c9d1d9;line-height:1.7;max-width:800px;margin:0 auto}.content-section p{margin-bottom:1.25rem}.content-section h1,.content-section h2,.content-section h3,.content-section h4{color:#f0f6fc;margin-top:2rem;margin-bottom:1rem}.text-list{color:#c9d1d9;line-height:1.7;padding-left:1.5rem}.text-list li{margin-bottom:.5rem}.text-list li::marker{color:#58a6ff}.text-code{color:#79c0ff;background:#161b22;padding:.2rem .4rem;border-radius:4px;font-family:Courier New,monospace;font-size:.9em}.text-quote{color:#8b949e;font-style:italic;border-left:3px solid #58a6ff;padding-left:1.5rem;margin:1.5rem 0;line-height:1.8}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
