.logo-container{background-image:url(/img/logo_sur_air.png);background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;width:clamp(130px,22vw,200px);height:65px}.dark .logo-container{background-image:url(/img/logo_sur_air_dark.png)}.navbar{background-color:var(--background);height:70px;color:var(--foreground);border-top:2px solid var(--custom-red);z-index:1100;justify-content:space-between;align-items:center;width:100%;padding:0 24px;display:flex;position:fixed;top:0;left:0;box-shadow:0 4px 6px #0000001a}.navbar-container{flex-shrink:0;justify-content:space-between;align-items:center;width:100%;max-width:1280px;margin:0 auto;padding:0;display:flex}.navbar-logo{align-items:center;display:flex}.logo{height:32px}.navbar-title{margin-left:12px;font-size:24px;font-weight:600}.navbar-toggle{cursor:pointer;color:gray;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-left:auto;display:none}.navbar-icon{width:20px;height:20px}.navbar-menu-open{display:block}.navbar-list{flex-direction:row;align-items:center;gap:2px;margin:0;padding:0;list-style-type:none;display:flex}.navbar-item{align-items:center;display:flex}.navbar-link{color:var(--foreground);letter-spacing:.06em;border-radius:4px;padding:8px 16px;font-family:Barlow,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .2s,color .2s}.navbar-link:hover,button.navbar-link:hover{background-color:var(--custom-red)!important;color:#fff!important}.navbar-discord{width:36px;height:36px;color:var(--foreground);background:0 0;border:1px solid #80808033;border-radius:50%;justify-content:center;align-items:center;margin-left:6px;font-size:1rem;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:flex}.navbar-discord:hover{background:var(--custom-red);border-color:var(--custom-red);color:#fff}.navbar-theme-toggle{width:34px;height:34px;color:var(--foreground);cursor:pointer;background:0 0;border:1px solid #80808033;border-radius:50%;justify-content:center;align-items:center;margin-left:2px;padding:0;font-size:.85rem;transition:background .2s,color .2s,border-color .2s;display:flex}.navbar-theme-toggle:hover{background:var(--custom-red);border-color:var(--custom-red);color:#fff}.relative{position:relative}.dropdown-toggle{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.dropdown-icon{width:12px;height:12px;margin-left:8px}.dropdown-menu{background-color:var(--background);color:var(--foreground);z-index:1100;border-radius:8px;margin-top:8px;position:absolute;top:100%;left:0;box-shadow:0 8px 16px #0000001a}.dropdown-list{margin:0;padding:8px;list-style-type:none}.dropdown-link{color:var(--foreground);padding:8px 16px;text-decoration:none;transition:background-color .3s;display:block}.dropdown-link:hover{background-color:var(--custom-red);color:var(--background)}.overlay{z-index:10;background:#00000080;width:100%;height:100%;position:fixed;top:0;left:0}@media (max-width:768px){.navbar{padding:0 12px}.navbar-container{padding:8px 12px}.navbar-toggle{display:flex}.navbar-list{background-color:var(--background);z-index:40;border-bottom:1px solid #00000014;flex-direction:column;gap:0;width:100%;margin:0;padding:.5rem 0;display:none;position:absolute;top:70px;left:0;box-shadow:0 8px 16px #0000001a}.navbar-menu-open .navbar-list{display:flex}.navbar-item{justify-content:center;width:100%}.navbar-link{text-align:center;border-bottom:1px solid #0000000d;width:100%;padding:14px 20px;display:block}.navbar-discord{width:40px;height:40px;margin:.5rem auto;font-size:1.15rem}.navbar-theme-toggle{margin:.5rem auto}}.navbar-theme-toggle{background-color:var(--custom-gray);color:var(--foreground);cursor:pointer;border:none;border-radius:50%;padding:8px;transition:background-color .3s,color .3s}.navbar-theme-toggle:hover{background-color:var(--custom-darkgray)}