.site-header{position:sticky;top:0;z-index:200;background:var(--black);border-bottom:2px solid var(--green);height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 48px}.site-header .logo{font-size:19px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;color:#fff;text-decoration:none}.site-header .logo span{color:var(--green)}.site-nav{display:flex;align-items:center;gap:28px}.site-nav a{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#aaa;text-decoration:none;transition:color .15s}.site-nav a:hover{color:#fff}.site-nav a.active{color:var(--green)}.site-nav .btn-signup{background:var(--green);color:#fff!important;padding:8px 18px;border-radius:3px;font-weight:700}.site-nav .btn-signup:hover{background:var(--green-d);text-decoration:none}.toc a.active{color:var(--green);border-color:var(--green);font-weight:600}.site-footer{background:var(--black);border-top:1px solid #1c1c1c;padding:40px 48px;text-align:center}.site-footer .f-logo{font-size:17px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;color:#fff;margin-bottom:14px}.site-footer .f-logo span{color:var(--green)}.site-footer .f-links{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin-bottom:14px}.site-footer .f-links a{font-size:12px;color:#666;text-decoration:none}.site-footer .f-links a:hover{color:var(--green)}.site-footer .f-copy{font-size:11px;color:#444}@media (max-width:900px){.site-header{padding:0 24px}.site-nav a:not(.btn-signup){display:none}}