:root{--color-primary:#064420;--color-on-primary:white;--color-surface:#f4eded;--color-surface-variant:#e7e0e0}footer{color:var(--color-on-primary);justify-content:flex-start;align-items:center;gap:calc(var(--spacing)*10);background:url(/images/stephan-bechert-xQWelDCacZE-unsplash.png) 50%/cover no-repeat;flex-direction:column;padding-top:50px;padding-bottom:50px;display:flex;position:relative}footer:before{content:"";background-color:var(--color-primary);opacity:.85;position:absolute;inset:0}footer>*{width:100%;position:relative}footer .footer__main{flex-flow:wrap;justify-content:space-between;align-items:flex-start;gap:0;display:flex}footer .footer__main>*{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;display:flex}footer .footer__main__contacts{flex:1.5}footer .footer__main__contacts address{justify-content:flex-start;align-items:flex-start;gap:calc(var(--spacing)*.5);flex-direction:column;font-style:normal;display:flex}footer .footer__main__nav{flex:1}footer .footer__main__nav__el{justify-content:flex-start;align-items:flex-start;gap:calc(var(--spacing)*.5);flex-direction:column;display:flex}footer .footer__main__newsletter{flex:1.5}footer .footer__main__newsletter__form{justify-content:flex-start;align-items:flex-start;gap:calc(var(--spacing)*2);flex-direction:column;width:100%;display:flex}footer .footer__main__newsletter__form>*{width:100%}footer .footer__main__newsletter__form button{box-shadow:1px 1px 5px #042d15}@media (max-width:1024px){footer .footer__main__newsletter,footer .footer__main__nav{flex:50%}footer .footer__main__contacts{margin-bottom:calc(var(--spacing)*10);flex:100%}}@media (max-width:600px){footer .footer__main{gap:calc(var(--spacing)*10);flex-direction:column}footer .footer__main__contacts{margin-bottom:0}}footer .footer__legal{justify-content:flex-start;align-items:flex-start;gap:calc(var(--spacing)*.5);opacity:.6;flex-direction:column;font-size:.8em;display:flex}footer .footer__bottom{flex-direction:row;justify-content:space-between;align-items:center;gap:0;display:flex}
header{background-color:color-mix(in srgb, var(--color-surface), transparent 50%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9;flex-direction:row;justify-content:center;align-items:center;gap:0;height:70px;display:flex;position:relative}header nav{justify-content:center;align-items:center;gap:calc(var(--spacing)*4);flex-direction:row;width:fit-content;padding:0;display:flex}header nav a{color:var(--color-on-surface);justify-content:center;align-items:center;gap:calc(var(--spacing)*2);flex-direction:row;font-weight:500;text-decoration:none;display:flex;position:relative}header nav a.nav__link--isActive{color:var(--color-primary);font-weight:600}header nav a span{display:inline-block;position:relative}header nav a.nav__link--isActive span:after{content:"";background-color:var(--color-primary);transform-origin:0;border-radius:2px;width:100%;height:3px;animation:.2s ease-out forwards expandScale;position:absolute;bottom:-2px;left:0;transform:scale(0)}@media screen and (max-width:768px){header nav{display:none}header nav.visible{justify-content:center;align-items:flex-start;gap:calc(var(--spacing)*2);z-index:10;background-color:var(--color-surface);width:100%;padding:15px var(--horizontal-pad);flex-direction:column;display:flex;position:absolute;top:100%;left:0;box-shadow:0 5px 5px #0003}header nav.visible>*{opacity:0;animation:.3s ease-out forwards slideInFromLeft}header nav.visible>:first-child{animation-delay:.1s}header nav.visible>:nth-child(2){animation-delay:.2s}header nav.visible>:nth-child(3){animation-delay:.3s}header nav.visible>:nth-child(4){animation-delay:.4s}header nav.visible>:nth-child(5){animation-delay:.5s}}header>div{flex-direction:row;justify-content:space-between;align-items:center;gap:0;width:100%;display:flex}header img{object-fit:contain;width:clamp(120px,45vw,200px);height:auto}header .header__toggle-button{display:none}@media screen and (max-width:768px){header .header__toggle-button{cursor:pointer;background:0 0;border:none;font-size:1.5rem;display:block}}
.AppSection{flex-direction:row;justify-content:center;align-items:center;gap:0;width:100%;display:flex}.AppSection>*{width:100%}