.site-footer{color:var(--white)}.site-footer .footer-accent{background:linear-gradient(to right, transparent, var(--primary-color), transparent);height:2px}.site-footer .footer-main{gap:48px;max-width:960px;margin:0 auto;padding:40px 24px 32px;display:flex}.site-footer .footer-brand{flex:1;min-width:200px}.site-footer .footer-brand .footer-logo{color:var(--white);align-items:center;gap:10px;text-decoration:none;display:flex}.site-footer .footer-brand .footer-logo img{width:36px}.site-footer .footer-brand .footer-logo .footer-logo-text{font-size:20px;font-weight:700}.site-footer .footer-brand .footer-tagline{color:var(--gray);max-width:260px;margin-top:12px;font-size:13px;line-height:1.5}.site-footer .footer-brand .footer-socials{gap:12px;margin-top:16px;display:flex}.site-footer .footer-brand .footer-socials a{background-color:var(--layer-2);width:32px;height:32px;color:var(--gray);transition:color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), transform var(--duration-base) var(--ease-out);border-radius:6px;justify-content:center;align-items:center;display:flex}.site-footer .footer-brand .footer-socials a:hover{color:var(--primary-color);background-color:var(--secondary-color)}.site-footer .footer-brand .footer-socials a:active{transition-duration:var(--duration-press);transform:scale(.97)}.site-footer .footer-brand .footer-socials a svg{width:16px;height:16px}.site-footer .footer-nav{flex-wrap:wrap;gap:40px;display:flex}.site-footer .footer-nav .footer-section{flex-direction:column;gap:8px;display:flex}.site-footer .footer-nav .footer-section .footer-heading{color:var(--white);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:13px;font-weight:700}.site-footer .footer-nav .footer-section a{color:var(--gray);transition:color var(--duration-fast) var(--ease-out);font-size:13px;text-decoration:none}.site-footer .footer-nav .footer-section a:hover{color:var(--primary-color)}.site-footer .footer-bottom{border-top:1px solid var(--layer-2);text-align:center;padding:16px 24px}.site-footer .footer-bottom p{color:var(--gray);margin-bottom:6px;font-size:11px;line-height:1.6}.site-footer .footer-bottom .footer-bottom-links{justify-content:center;align-items:center;gap:8px;display:flex}.site-footer .footer-bottom .footer-bottom-links a{color:var(--gray);transition:color var(--duration-fast) var(--ease-out);font-size:11px;text-decoration:underline}.site-footer .footer-bottom .footer-bottom-links a:hover{color:var(--primary-color)}.site-footer .footer-bottom .footer-bottom-links .footer-divider{color:var(--dark-gray);font-size:11px}@media (width<=720px){.site-footer .footer-main{flex-direction:column;gap:32px;padding:32px 20px 24px}.site-footer .footer-nav{gap:24px}.site-footer .footer-brand .footer-tagline{max-width:100%}}main{flex-direction:column;display:flex;overflow:hidden auto!important}main .content{flex:1;margin:16px}main .content .page-title{width:768px;max-width:100%;letter-spacing:var(--tracking-tight);text-align:center;margin:24px auto;font-size:32px}main .content .page-title:not(:first-of-type){margin-top:64px}main .content .page-title span{color:var(--primary-color);font-size:inherit;font-weight:700}main .content .tutorial-section{flex-direction:column;width:768px;max-width:100%;margin:0 auto;display:flex}main .content .tutorial-section .section-title{text-align:center;margin-bottom:16px;font-size:18px}main .content .tutorial-section .section-title span{color:var(--primary-color);font-size:20px;font-weight:700}main .content .tutorial-section .section-description{text-align:center;margin-bottom:16px}main .content .tutorial-section .section-picture{width:max-content;max-width:100%;height:auto;margin:0 auto 32px;padding:0 16px}