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