.navbar{background:rgba(0,0,0,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;position:sticky;padding:1rem 0;top:0;z-index:1000;transition:all .6s ease-in-out}.navbar__container{display:flex;justify-content:flex-start;align-items:center;padding:0rem 1rem;max-width:1400px;margin:0 auto}.navbar__toggle{margin-right:0;width:45px;height:45px;margin-left:auto;background-color:rgba(0,0,0,0);border:none;cursor:pointer}.navbar__toggle .hamburger>span{background-color:#ccc}.navbar .nav-item{list-style:none}.navbar .nav-item.is-active>.nav-link-wrapper>.nav-link{color:#1aadff}.navbar .nav-item .nav-link-wrapper{display:flex;align-items:center;justify-content:space-between}.navbar .nav-item .nav-link{color:#fff;text-decoration:none;padding:1.2rem .6rem;font-weight:500;transition:color .2s}.navbar .nav-item .nav-link:hover{color:#1aadff;text-shadow:0 0 20px rgb(77,191.2620087336,255);transform:translateY(-2px);transition:all .3s ease-in-out}@media(max-width: 1023px){.navbar__menu-wrapper{position:fixed;top:0;right:0;width:100%;height:100vh;background:rgba(0,0,0,.9);backdrop-filter:blur(15px);padding:100px 1rem;transform:translateX(100%);transition:transform .3s ease-in-out;overflow-y:auto;visibility:hidden}.navbar__menu-wrapper .navbar__toggle--cloned{position:absolute;top:1rem;right:1rem}.navbar.is-open .navbar__menu-wrapper{transform:translateX(0);visibility:visible}.navbar .nav-list{padding-left:1rem}.navbar .nav-list.is-hidden{display:none}.navbar .nav-list.is-visible{display:block}.navbar .sub-toggle{background:none;border:1px solid hsla(0,0%,100%,.1);color:#fff;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer}.navbar .sub-toggle .ph-icon{color:#fff}.navbar .sub-toggle.is-active .ph-icon{transform:rotate(45deg) scale(1.1);color:#1aadff}}@media(min-width: 992px){.navbar{padding:0 0}.navbar__toggle{display:none}.navbar__menu-wrapper{position:static;height:auto;width:auto;transform:none !important;visibility:visible !important;padding:0;background:rgba(0,0,0,0);overflow:visible;margin-left:auto;margin-right:auto}.navbar .nav-list{display:block !important;visibility:visible;opacity:1;position:static;padding:0;margin:0}.navbar .nav-level-1{display:flex !important;gap:.75rem}.navbar .nav-level-1 .nav-level-2,.navbar .nav-level-1 .nav-level-3,.navbar .nav-level-1 .nav-level-4{position:absolute;background:rgba(0,0,0,.9);min-width:220px;padding:1rem;border-top:1px solid var(--primary-color);z-index:100;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .25s ease}.navbar .nav-level-1 .nav-level-2{top:100%;left:0}.navbar .nav-level-1 .nav-level-3{top:0;left:100%}.navbar .nav-level-1 .nav-level-4{top:0;left:100%}.navbar .sub-toggle{background:none;border:none;color:#fff;width:25px;height:25px;display:flex;align-items:center;justify-content:center}.navbar .sub-toggle .ph-icon{font-size:1.2rem;color:#fff}.navbar .sub-toggle.is-active .ph-icon{transform:rotate(45deg) scale(1.1);color:#1aadff}.navbar .nav-item{position:relative}.navbar .nav-item:hover>.nav-list{opacity:1;visibility:visible;transform:translateY(0)}}.hamburger-toggle{position:relative;width:50px;height:50px;border:1px solid inherit}.hamburger-toggle .hamburger{position:absolute;transform:translate(-50%, -50%) rotate(0deg);left:50%;top:50%;width:50%;height:50%;pointer-events:none}.hamburger-toggle .hamburger span{width:100%;height:4px;position:absolute;border-radius:2px;z-index:1;transition:transform .2s cubic-bezier(0.77, 0.2, 0.05, 1),background .2s cubic-bezier(0.77, 0.2, 0.05, 1),all .2s ease-in-out;left:0px}.hamburger-toggle .hamburger span:first-child{top:10%;transform-origin:50% 50%;transform:translate(0% -50%) !important}.hamburger-toggle .hamburger span:nth-child(2){top:50%;transform:translate(0, -50%)}.hamburger-toggle .hamburger span:last-child{left:0px;top:auto;bottom:10%;transform-origin:50% 50%}.hamburger-toggle:not(.collapsed) .hamburger span{position:absolute;margin:0}.hamburger-toggle:not(.collapsed) .hamburger span:first-child{top:45%;transform:rotate(45deg)}.hamburger-toggle:not(.collapsed) .hamburger span:nth-child(2){left:50%;width:0px}.hamburger-toggle:not(.collapsed) .hamburger span:last-child{top:45%;transform:rotate(-45deg)}