.navbar{position:sticky;top:0;padding:0 2rem 2rem;width:100%;z-index:50;transition:background-color .3s ease;-webkit-mask-image:linear-gradient(180deg,black 0,black 50%,transparent);mask-image:linear-gradient(180deg,black 0,black 50%,transparent)}.dark .navbar,.navbar{background-color:transparent;backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);border-bottom:none}.navbar-scrolled{background-color:rgba(255,255,255,.1)}.dark .navbar-scrolled{background-color:rgba(12,10,18,.15)}.navbar-container{width:100%;justify-content:space-between}.logo,.navbar-container{display:flex;align-items:center}.logo{gap:8px;cursor:pointer}.logo-wrapper{position:relative;height:90px;width:90px;margin-top:8px;margin-left:-10px}.logo-image-back-wrapper{position:absolute;top:50%;left:50%;height:78px;width:78px;transform:translate(-50%,-50%);z-index:0;overflow:visible}.logo-image-back-wrapper img{width:100%;height:100%}.logo-image-front-wrapper{position:absolute;top:50%;left:50%;height:75px;width:75px;transform:translate(-50%,-50%);z-index:1;overflow:visible}.logo-image-front-wrapper img{width:100%;height:100%}.logo-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;font-size:12px;font-weight:400;color:#4a4a4a;font-family:system-ui,-apple-system,sans-serif;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.logo-icon{height:18px;width:auto}.nav-links{display:flex;align-items:center;gap:2rem}.nav-link{font-family:system-ui,-apple-system,sans-serif;font-size:1rem;font-weight:500;color:black;text-decoration:none;position:relative;transition:color .3s ease}.dark .nav-link{color:hsl(0 0% 98%)}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:black;transition:width .3s ease,background-color .3s ease}.dark .nav-link:after{background-color:hsl(0 0% 98%)}.nav-link:hover:after{width:100%}.join-button{background-color:black;color:white;border:none;padding:.75rem 1.5rem;border-radius:25px;font-family:system-ui,-apple-system,sans-serif;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,color .2s ease}.dark .join-button{background-color:hsl(0 0% 98%);color:hsl(0 0% 9%)}.join-button:hover{background-color:#c1d0eb;color:black}.dark .join-button:hover{background-color:#8ba3d1;color:white}.join-button:active{transform:translateY(1px)}.nav-link-active:after{width:100%}.mobile-nav-link-active{color:#c1d0eb!important;font-weight:600}.hamburger{display:none;flex-direction:column;justify-content:space-around;width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.hamburger-line{width:100%;height:3px;background-color:black;transition:all .3s ease;transform-origin:center}.dark .hamburger-line{background-color:hsl(0 0% 98%)}.hamburger-open .hamburger-line:first-child{transform:rotate(45deg) translate(7px,7px)}.hamburger-open .hamburger-line:nth-child(2){opacity:0}.hamburger-open .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,.5);z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-menu-open{opacity:1;visibility:visible}.mobile-menu{position:fixed;top:0;right:-100%;width:100%;height:100vh;background-color:white;padding:2rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;transition:right .3s ease,background-color .3s ease}.dark .mobile-menu{background-color:hsl(0 0% 3.9%)}.mobile-menu-open .mobile-menu{right:0}.mobile-menu-close{position:absolute;top:1rem;right:1rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:999px;color:black;cursor:pointer;padding:0;transition:background-color .2s ease,color .2s ease}.mobile-menu-close:hover{background-color:rgba(0,0,0,.05)}.dark .mobile-menu-close{color:hsl(0 0% 98%)}.dark .mobile-menu-close:hover{background-color:rgba(255,255,255,.08)}.mobile-nav-links{display:flex;flex-direction:column;width:100%;margin-bottom:2rem;margin-top:3.5rem}.mobile-nav-link{font-family:system-ui,-apple-system,sans-serif;font-size:1.5rem;font-weight:500;color:black;text-decoration:none;padding:1rem 0;text-align:left;transition:color .2s ease;position:relative;width:100%;border-bottom:1px solid #e5e5e5}.dark .mobile-nav-link{color:hsl(0 0% 98%);border-bottom:1px solid hsl(0 0% 14.9%)}.mobile-nav-link:last-of-type{border-bottom:none}.mobile-nav-link:hover{color:#666}.dark .mobile-nav-link:hover{color:hsl(0 0% 63.9%)}.mobile-join-button{background-color:black;color:white;border:none;padding:1.5rem 2rem;border-radius:20px;font-family:system-ui,-apple-system,sans-serif;font-size:1.3rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,color .2s ease;width:100%;align-self:stretch}.dark .mobile-join-button{background-color:hsl(0 0% 98%);color:hsl(0 0% 9%)}.mobile-join-button:hover{background-color:#c1d0eb;color:black}.dark .mobile-join-button:hover{background-color:#8ba3d1;color:white}.mobile-theme-switcher-container{margin-top:2rem;padding-top:1.5rem;width:100%;display:flex;flex-direction:column;gap:1rem}.mobile-theme-divider{width:100%;height:1px;background-color:#e5e5e5;transition:background-color .3s ease}.dark .mobile-theme-divider{background-color:hsl(0 0% 14.9%)}.mobile-theme-label{font-family:system-ui,-apple-system,sans-serif;font-size:.875rem;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:1px;transition:color .3s ease}.dark .mobile-theme-label{color:hsl(0 0% 50%)}@media (max-width:768px){.navbar{padding:1rem}.logo-wrapper{height:75px;width:75px;margin-top:-4px}.logo-image-front-wrapper{height:62px;width:62px}.logo-image-back-wrapper{height:65px;width:65px}.nav-links{display:none}.hamburger{display:flex}}