.site-footer{color:var(--white)}.site-footer .footer-accent{height:2px;background:linear-gradient(to right,transparent,var(--primary-color),transparent)}.site-footer .footer-main{display:flex;gap:48px;max-width:960px;margin:0 auto;padding:40px 24px 32px}.site-footer .footer-brand{flex:1;min-width:200px}.site-footer .footer-brand .footer-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--white)}.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{margin-top:12px;font-size:13px;line-height:1.5;color:var(--gray);max-width:260px}.site-footer .footer-brand .footer-socials{display:flex;gap:12px;margin-top:16px}.site-footer .footer-brand .footer-socials a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background-color:var(--layer-2);color:var(--gray);transition:color .2s,background-color .2s}.site-footer .footer-brand .footer-socials a:hover{color:var(--primary-color);background-color:var(--secondary-color)}.site-footer .footer-brand .footer-socials a svg{width:16px;height:16px}.site-footer .footer-nav{display:flex;gap:40px;flex-wrap:wrap}.site-footer .footer-nav .footer-section{display:flex;flex-direction:column;gap:8px}.site-footer .footer-nav .footer-section .footer-heading{font-size:13px;font-weight:700;color:var(--white);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.site-footer .footer-nav .footer-section a{font-size:13px;color:var(--gray);text-decoration:none;transition:color .2s}.site-footer .footer-nav .footer-section a:hover{color:var(--primary-color)}.site-footer .footer-bottom{border-top:1px solid var(--layer-2);padding:16px 24px;text-align:center}.site-footer .footer-bottom p{font-size:11px;color:var(--gray);line-height:1.6;margin-bottom:6px}.site-footer .footer-bottom .footer-bottom-links{display:flex;justify-content:center;align-items:center;gap:8px}.site-footer .footer-bottom .footer-bottom-links a{font-size:11px;color:var(--gray);text-decoration:underline;transition:color .2s}.site-footer .footer-bottom .footer-bottom-links a:hover{color:var(--primary-color)}.site-footer .footer-bottom .footer-bottom-links .footer-divider{font-size:11px;color:var(--dark-gray)}@media(max-width:640px){.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{display:flex;flex-direction:column;overflow:hidden auto!important}main .content{flex:1;margin:16px}main .content .page-title{width:768px;max-width:100%;font-size:32px;margin:24px auto;text-align:center}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{display:flex;flex-direction:column;width:768px;max-width:100%;margin:0 auto}main .content .tutorial-section .section-title{font-size:18px;margin-bottom:16px;text-align:center}main .content .tutorial-section .section-title span{color:var(--primary-color);font-weight:700;font-size:20px}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}