.navbar{z-index:1000;box-sizing:border-box;background-color:var(--color-background);max-width:100%;height:70px;color:var(--color-headline);flex-wrap:nowrap;justify-content:space-between;align-items:center;padding:0 5%;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;overflow:hidden}.navbar.stationary{color:#f1f1e6;background-color:#0000;width:100%;padding:0 1rem;top:0;left:0}.navbar.floating{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;color:#174773;background:#141414f2;border:1px solid #0096fb1a;border-radius:12px;width:92%;padding:0 1rem;transition:all .3s ease-in-out;position:fixed;top:10px;left:4%;right:4%;overflow:hidden;box-shadow:0 5px 15px #1747731a}.logo{white-space:nowrap;color:#0096fb;font-size:clamp(1.5rem,4vw,2.4rem);font-weight:700}.links{align-items:center;gap:2.5rem;display:flex}.links a{color:inherit;white-space:nowrap;font-size:1.2rem;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.links a:after{content:"";background-color:#0096fb;width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.links a:hover:after{width:100%}.auth-buttons{gap:1rem;display:flex}.auth-buttons button{cursor:pointer;white-space:nowrap;border-radius:9999px;padding:8px 24px;font-size:clamp(.875rem,2vw,1.1rem);font-weight:500;transition:all .3s}.sign-in{color:#0096fb;background:0 0;border:2px solid #0096fb}.sign-up{color:#f1f1e6;background:#0096fb;border:none;box-shadow:0 4px 15px #0096fb4d}.auth-buttons button:hover{transform:translateY(-2px)}.sign-in:hover{color:#174773;background-color:#0096fb1a}.sign-up:hover{background-color:#007acc;box-shadow:0 6px 20px #0096fb66}.menu-button{color:inherit;cursor:pointer;background:0 0;border:none;padding:8px;font-size:1.8rem;transition:transform .3s;display:none}.menu-button:hover{transform:scale(1.1)}.mobile-menu-overlay{-webkit-backdrop-filter:blur(8px);z-index:2000;opacity:0;visibility:hidden;background-color:#174773cc;width:100%;height:-webkit-fill-available;min-height:100vh;transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(0,0)}.mobile-menu-overlay.show{opacity:1;visibility:visible}.mobile-menu{z-index:2001;-webkit-overflow-scrolling:touch;background-color:#f1faff;flex-direction:column;width:100%;max-width:400px;height:100vh;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:-100%;overflow-y:auto;box-shadow:-5px 0 25px #17477326}.mobile-menu.show{right:0}.mobile-menu-header{justify-content:flex-end;margin-bottom:2rem;display:flex}.close-button{color:#174773;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:2rem;transition:all .3s;display:flex}.close-button:hover{color:#0096fb;background-color:#0096fb1a}.mobile-menu-content{flex-direction:column;flex:1;justify-content:space-between;display:flex}.mobile-menu-links{flex-direction:column;gap:1.5rem;display:flex}.mobile-menu-links a{color:#174773;border-bottom:1px solid #0096fb1a;padding:.5rem 0;font-size:1.5rem;font-weight:500;text-decoration:none;transition:all .3s}.mobile-menu-links a:hover{color:#0096fb;transform:translate(10px)}.mobile-auth-buttons{flex-direction:column;gap:1rem;margin-top:2rem;display:flex}.mobile-auth-buttons button{cursor:pointer;border-radius:9999px;padding:12px 24px;font-size:1.1rem;font-weight:500;transition:all .3s}.mobile-sign-in{color:#0096fb;background:0 0;border:2px solid #0096fb}.mobile-sign-up{color:#f1f1e6;background:#0096fb;border:none}.mobile-auth-buttons button:hover{transform:translateY(-2px)}.mobile-sign-in:hover{color:#174773;background-color:#0096fb1a}.mobile-sign-up:hover{background-color:#007acc}body.mobile-menu-open{width:100%;height:100%;position:fixed;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.navbar{padding:0 1rem}.navbar.floating{width:96%;padding:0 1rem;left:2%;right:2%}.logo{font-size:1.8rem}.links,.auth-buttons{display:none}.menu-button{display:block}}@media (max-width:480px){.navbar.floating{width:98%;padding:0 .5rem;left:1%;right:1%}.logo{font-size:1.6rem}.mobile-menu{max-width:100%}.mobile-auth-buttons button{padding:10px 20px}.navbar{padding:0 .5rem}}@media (max-width:320px){.navbar.floating{width:99%;padding:0 .25rem;left:.5%;right:.5%}.logo{font-size:1.4rem}.auth-buttons button{padding:6px 16px;font-size:.875rem}.mobile-auth-buttons button{padding:8px 16px;font-size:1rem}.navbar{padding:0 .25rem}.mobile-menu{padding:1rem}.mobile-menu-overlay,.mobile-menu{width:100%}}@supports (padding:max(0px)){.navbar{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.mobile-menu{padding-left:max(1.5rem,env(safe-area-inset-left));padding-right:max(1.5rem,env(safe-area-inset-right));padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}}@supports (-webkit-touch-callout:none){.mobile-menu-overlay,.mobile-menu,.mobile-menu-content{height:-webkit-fill-available}}