.menu{background-color:#fff;display:grid;gap:30px;grid-template-columns:auto;grid-template-rows:var(--menu-height) 1fr auto auto 210px;height:100%;position:fixed;right:0;top:0;width:65px;z-index:104;--burger-width:var(--menu-height);--burger-height:var(--menu-height);--animation-ease:cubic-bezier(.215,.61,.355,1);--opacity-ease:cubic-bezier(.76,0,.24,1)}.burger-button{background-color:var(--youth-green);border:none;cursor:pointer;grid-row:1;height:100%;position:relative;transition:background-color 1.3s var(--animation-ease);width:100%}.burger-button:after,.burger-button:before{background-color:var(--youth-dark-blue);content:"";height:2px;left:calc(var(--burger-width)/4 + 1px);position:absolute;transform-origin:50% 50%;transition:transform .3s var(--animation-ease),top .3s var(--animation-ease),bottom .3s var(--animation-ease);width:calc(var(--burger-width)/2)}.burger-button:before{top:calc(var(--burger-height)/2 - 5px)}.burger-button:after{bottom:calc(var(--burger-height)/2 - 2px)}.burger-button:hover:before{transform:translateZ(0) scaleX(.9)}.burger-button:hover:after{transform:translate3d(0,1px,0) scaleX(.5)}.burger-button.close:before{background-color:var(--white);top:calc(var(--burger-height)/2 - 1px);transform:translate3d(-1px,0,0) rotate(45deg)}.burger-button.close:after{background-color:var(--white);bottom:calc(var(--burger-height)/2 - 1px);transform:translate3d(-1px,0,0) rotate(-45deg)}.burger-button.close,.burger-button.close:hover{background-color:var(--youth-dark-blue)}.burger-button.close:hover{transition:background-color .3s var(--animation-ease)}.menu .logo{cursor:pointer;height:var(--logo-height);margin:3px;padding:0;transform:rotate(90deg) translate(calc(10px - var(--logo-height)),calc(0px - var(--logo-height)/4));transform-origin:0 100%;width:auto;fill:currentColor}.menu .logo,.menu .logo-link{--logo-height:calc(var(--menu-height)*.6)}.menu .logo-link{color:var(--youth-dark-blue);grid-row:2;height:calc(var(--menu-height)*2.2);text-decoration:none;transition:color .4s var(--animation-ease);width:var(--menu-height)}.menu .logo-link:hover{color:var(--youth-dark-blue);cursor:pointer;transition:color .2s var(--animation-ease)}.menu .become,.menu .program{align-items:center;background-color:var(--white);border:none;color:var(--youth-dark-blue);cursor:pointer;display:grid;font-weight:500;grid-template-columns:1fr;grid-template-rows:1fr;justify-content:center;margin:0;position:relative;text-align:left;writing-mode:vertical-rl}.menu .program{grid-row:4}.menu .become{grid-row:3}.menu-btn-vertical{position:relative;text-decoration:none}.menu .menu-btn-vertical:before{background-color:var(--youth-dark-blue);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transform-origin:bottom;transition:transform .4s cubic-bezier(1,0,.25,.995);width:2px}.menu .menu-btn-vertical:hover:before{transform:scaleY(1);transform-origin:top;transition-duration:.6s;transition-timing-function:cubic-bezier(.19,1,.22,1)}.menu .registration{align-items:center;background-color:var(--youth-dark-blue);border:none;color:#fff;cursor:pointer;display:grid;font-size:16px;font-weight:600;grid-row:5;grid-template-columns:1fr;grid-template-rows:1fr;height:100%;justify-content:center;padding:0;position:relative;text-align:left;text-decoration:none;transition:color .4s var(--animation-ease),background-color .4s var(--animation-ease);width:100%;writing-mode:vertical-rl;z-index:3}.menu .registration.disabled{cursor:default;opacity:.7}.menu .registration.disabled:hover:after{transform:scaleX(0)}.menu .registration:after{background-color:var(--youth-pink);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:right;transition:transform .4s cubic-bezier(1,0,.25,.995);width:100%;z-index:-1}.menu .registration:hover:after{transform:scaleX(1);transform-origin:left;transition-duration:.6s;transition-timing-function:cubic-bezier(.19,1,.22,1)}.menu .registration span{margin-top:15px}.registration:before{border-bottom:6px solid var(--youth-pink);border-right:6px solid var(--youth-pink);bottom:6px;content:"";height:calc(var(--menu-height)/4);position:absolute;right:6px;translate:all .2s var(--animation-ease);width:calc(var(--menu-height)/4)}@media (max-height:700px),(max-width:1000px){.menu{gap:5px;grid-template-columns:var(--menu-height) 1fr 210px;grid-template-rows:65px;height:65px;width:100%}.menu .logo{--logo-width:calc(var(--menu-height)*.6);height:var(--logo-height);justify-self:center;margin:3px;padding:0;transform:rotate(0) translateY(calc(var(--logo-height)/4));width:auto}.menu .logo-link{--logo-height:calc(var(--menu-height)*.6);display:grid;grid-column:2;grid-row:1;height:var(--menu-height);justify-self:center;width:calc(var(--menu-height)*2.2)}.menu .become,.menu .program{display:none}.menu .registration{color:var(--white);grid-column:3;grid-row:1;height:100%;text-align:left;width:100%;writing-mode:horizontal-tb}.menu .registration span{margin-left:15px;margin-top:0}.menu .menu-btn-vertical:before{background-color:var(--youth-dark-blue);bottom:0;content:"";height:2px;left:0;position:absolute;right:0;top:auto;transform:scaleX(0);transform-origin:right;transition:transform .4s cubic-bezier(1,0,.25,.995);width:auto}.menu .menu-btn-vertical:hover:before{transform:scaleX(1);transform-origin:left;transition-duration:.6s;transition-timing-function:cubic-bezier(.19,1,.22,1)}}@media (max-width:480px){.menu .logo{--logo-width:calc(var(--menu-height)*.6);height:calc(var(--menu-height)*.4);justify-self:center;margin:12px;padding:0;transform:rotate(0) translateY(calc(var(--logo-height)/4));width:auto}.menu .logo-link{--logo-height:calc(var(--menu-height)*.6);display:grid;grid-column:2;grid-row:1;height:var(--menu-height);justify-self:center;width:calc(var(--menu-height)*1.5)}}@media (max-width:380px){.menu{grid-template-columns:var(--menu-height) 1fr 170px}.menu .registration{font-size:15px}.registration:before{border-bottom:4px solid var(--youth-pink);border-right:4px solid var(--youth-pink);bottom:3px;right:3px;translate:all .2s var(--animation-ease)}.menu .logo-link{width:calc(var(--menu-height)*1)}.menu .logo{height:calc(var(--menu-height)*.3);width:auto}}.popup-menu{display:grid;grid-template-columns:auto;grid-template-rows:2px 1fr 2px 207px 1px;right:calc(var(--menu-height) + 2px);width:440px;z-index:103;--transition-ease:cubic-bezier(.76,0,.24,1)}.popup-menu,.popup-overlay{height:100%;position:fixed;top:0}.popup-overlay{background-color:#000;opacity:.5;right:0;width:100%;z-index:102}.popup-main-section{background-color:var(--white);border-radius:5px;grid-row:2;transform:translate(0)}.popup-second-section{background-color:var(--youth-dark-blue);border-radius:5px;grid-row:4;position:relative}.second-section-reg{box-sizing:border-box;color:var(--white);display:inline-block;font-family:Montserrat;font-size:32px;font-style:normal;font-weight:500;height:100%;letter-spacing:-.75px;line-height:42px;padding:5px 10px;text-decoration:none;width:100%}.second-section-reg.disabled{cursor:default;opacity:.7}.second-section-reg.disabled:hover:after{transform:scaleX(0)}.popup-menu-list{box-sizing:border-box;list-style:none;margin:0;padding:10px}.popup-menu-list li{align-items:center;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;margin:10px 0;overflow:hidden}svg.popup-item-arrow{fill:currentColor;height:auto;margin:0 10px 0 0;width:48px}.popup-menu-list a,svg.popup-item-arrow{color:var(--youth-dark-blue);display:inline-block}.popup-menu-list a{font-family:Montserrat;font-size:24px;font-style:normal;font-weight:500;letter-spacing:-.4px;line-height:34px;text-decoration:none;transform:translate(-48px);transition:transform .2s var(--transition-ease)}.popup-menu-list li:hover a{transform:translate(0);transition:transform .3s var(--transition-ease)}.fade-enter-active,.fade-leave-active{transition:opacity 1.3s var(--opacity-ease);transition-delay:.07s}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter{opacity:.5}.slide-enter-from{transform:translate(110%)}.slide-enter-active{transition:transform .5s var(--transition-ease);transition-delay:calc(var(--index)*.07s)}.slide-leave-active{transition:transform .5s cubic-bezier(.9,.03,.69,.22);transition-delay:calc(var(--index)*.07s)}.slide-leave-to{transform:translate(-30%) translateY(180%) rotate(var(--deg))}svg.popup-reg-item-arrow{fill:currentColor;bottom:0;color:var(--white);display:inline-block;height:auto;margin:10px;position:absolute;right:0;transform:translate(-50%);transition:transform .2s cubic-bezier(.19,1,.22,1);width:148px}.popup-second-section{overflow:hidden}.popup-second-section:hover .popup-reg-item-arrow{transform:translate(0);transition:transform .2s cubic-bezier(.19,1,.22,1)}@media (max-height:700px),(max-width:1000px){.popup-menu{right:2px;top:calc(var(--menu-height) + 2px);--width:100%;display:grid;grid-template-columns:auto 2px 206px 1px;grid-template-rows:2px 1fr;height:100%;width:calc(100% - 4px);z-index:103;--transition-ease:cubic-bezier(.76,0,.24,1)}.popup-second-section{background-color:var(--youth-dark-blue);border-radius:5px;grid-column:3;grid-row:2;height:100%;position:relative}.second-section-reg{color:var(--white);height:100%;padding:20px 10px 0 0;position:relative;width:100%;writing-mode:vertical-rl}svg.popup-reg-item-arrow{display:none}.second-section-reg:after{background-color:var(--youth-pink);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:right;transition:transform .4s cubic-bezier(1,0,.25,.995);width:100%;z-index:-1}.second-section-reg:hover:after{transform:scaleX(1);transform-origin:left;transition-duration:.6s;transition-timing-function:cubic-bezier(.19,1,.22,1)}.slide-enter-from{transform:translateY(-110%)}}@media (max-width:1000px){.popup-menu{right:2px;top:calc(var(--menu-height) + 2px);--width:100%;display:grid;grid-template-columns:auto 2px 206px 1px;grid-template-rows:2px 1fr;height:100%;width:calc(100% - 4px);z-index:103;--transition-ease:cubic-bezier(.76,0,.24,1)}.popup-second-section{background-color:var(--youth-dark-blue);border-radius:5px;grid-column:3;grid-row:2;height:100%;position:relative}.second-section-reg{color:var(--white);height:100%;padding:20px 10px 0 0;position:relative;width:100%;writing-mode:vertical-rl}svg.popup-reg-item-arrow{display:none}.second-section-reg:after{background-color:var(--youth-pink);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:right;transition:transform .4s cubic-bezier(1,0,.25,.995);width:100%;z-index:-1}.second-section-reg:hover:after{transform:scaleX(1);transform-origin:left;transition-duration:.6s;transition-timing-function:cubic-bezier(.19,1,.22,1)}.slide-enter-from{transform:translateY(-110%)}}@media (max-width:650px){.popup-menu{grid-template-columns:1fr}.popup-second-section{display:none}.popup-menu-list a{font-size:20px;letter-spacing:-.3px;line-height:34px;transition:transform .2s var(--transition-ease)}}@media (max-width:380px){.popup-menu-list a{font-size:17px;letter-spacing:-.3px;line-height:27px;transition:transform .2s var(--transition-ease)}.popup-menu-list{box-sizing:border-box;list-style:none;margin:0;padding:10px 0}}