@import "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-optical-sizing:auto;font-family:Montserrat,sans-serif;font-style:normal;font-weight:400}h1{font-weight:900}.header{color:#fff;background-color:#4b6872;grid-template-columns:150px 1fr 150px;grid-template-areas:"logo MainMenu mobil_menu";place-items:center;min-width:max-content;padding:5px;display:grid}.header img{width:150px;height:auto;display:block}.mobile_menu{justify-content:flex-end;width:100%;display:flex}.ul__main-menu{gap:20px;display:flex}.li__main-menu-item{align-items:center;list-style:none;display:flex;position:relative}.link__main-menu-item{color:inherit;white-space:nowrap;border:1px solid #0000;border-radius:6px;padding:6px 12px;text-decoration:none;transition:background-color .25s,border-color .25s,box-shadow .25s;display:inline-block;position:relative}.link__main-menu-item:before{content:"";-webkit-mask-composite:xor;opacity:0;background:linear-gradient(90deg,#fff0 0% 30%,#fff 50%,#fff0 70% 100%) 200% 0/200% 100%;border-radius:6px;padding:1px;transition:opacity .25s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.link__main-menu-item:hover{-webkit-backdrop-filter:blur(8px);color:#fff;background:#ffffff1f;border-color:#fff3;animation:2s ease-in-out infinite pulse-glow}.link__main-menu-item:hover:before{opacity:1;animation:5s linear infinite border-shine}@keyframes border-shine{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse-glow{0%{text-shadow:0 0 6px #fff6;box-shadow:0 4px 20px #0000001a,0 0 10px #ffffff26,inset 0 1px #fff3}50%{text-shadow:0 0 12px #ffffffb3;box-shadow:0 6px 25px #00000026,0 0 18px #ffffff59,inset 0 1px #ffffff4d}to{text-shadow:0 0 6px #fff6;box-shadow:0 4px 20px #0000001a,0 0 10px #ffffff26,inset 0 1px #fff3}}.ul__main-menu-item{z-index:1;opacity:0;visibility:hidden;background-color:#4b6872;border:1px solid #ffffff26;border-radius:6px;min-width:200px;padding:10px;transition:opacity .3s,visibility .3s,transform .3s,box-shadow .3s;position:absolute;top:100%;left:0;transform:translateY(15px)}.ul__main-menu-item.is-open{opacity:1;visibility:visible;transform:translateY(0);box-shadow:0 10px 30px #0003,0 0 20px #ffffff1a}.burger-container{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:background .3s;display:flex}.burger-container:hover{background:#ffffff1a}.burger-lines{flex-direction:column;justify-content:space-between;width:25px;height:18px;display:flex;position:relative}.burger-lines span{background-color:#fff;border-radius:2px;width:100%;height:3px;transition:all .3s cubic-bezier(.645,.045,.355,1);display:block}.burger-container.active .burger-lines span:first-child{transform:translateY(7.5px)rotate(45deg)}.burger-container.active .burger-lines span:nth-child(2){opacity:0;transform:translate(-10px)}.burger-container.active .burger-lines span:nth-child(3){transform:translateY(-7.5px)rotate(-45deg)}.overlay__main-mobile-menu{z-index:9999;background:#00000073;justify-content:flex-end;align-items:flex-start;height:calc(100vh - 50px);display:flex;position:fixed;inset:50px 0 0}.container__main-mobile-menu{flex-direction:column;animation:.2s mobileMenuShow;display:flex}.ul__main-mobile-menu{background-color:#4b6872;border:1px solid #ffffff26;border-radius:6px;flex-direction:column;gap:10px;width:285px;max-height:65vh;padding:10px;display:flex;overflow:hidden auto}@keyframes mobileMenuShow{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.li__main-menu-mobile-menu-item{flex-direction:column;list-style:none;display:flex}.wrapper-link-button__main-menu-mobile-menu-item{flex-flow:row;justify-content:space-between;align-items:center;display:flex}.link__main-menu-mobile-menu-item{color:#fff;text-decoration:none}.button__main-menu-mobile-menu-item{color:#fff;background-color:#4b6872;border:1px solid #ffffff26;border-radius:6px;padding:2px 20px}.ul__main-menu-mobile-menu-item{border:1px solid #ffffff26;border-radius:6px;flex-direction:column;gap:10px;margin:5px 0;padding:5px;display:flex}