.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(100px,20vw,150px);height:50px}.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}}button{background-color:var(--custom-gray);color:var(--foreground);cursor:pointer;border:none;border-radius:50%;padding:8px;transition:background-color .3s,color .3s}button:hover{background-color:var(--custom-darkgray)}
.footer{color:#ffffffa6;border-top:2px solid var(--custom-red);background:#111113;font-family:Barlow,sans-serif;font-size:.88rem}.footer-body{flex-wrap:wrap;gap:1.5rem;padding:2rem 1.25rem 1.5rem;display:flex}@media (min-width:640px){.footer-body{gap:3rem;padding:3rem 3rem 2rem}}.footer-col{flex:1;min-width:180px}.footer-heading{letter-spacing:.12em;text-transform:uppercase;color:#fff;border-bottom:1px solid #ffffff14;margin:0 0 1.25rem;padding-bottom:.5rem;font-family:Barlow,sans-serif;font-size:.78rem;font-weight:700}.footer-partners{flex-direction:column;gap:1.25rem;display:flex}.footer-partner-link{opacity:.75;flex-direction:column;align-items:flex-start;gap:.4rem;text-decoration:none;transition:opacity .2s;display:flex}.footer-partner-link:hover{opacity:1}.footer-partner-img{object-fit:contain;width:auto;height:36px}.footer-partner-label{color:#ffffff80;font-size:.75rem}.footer-contact-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.footer-contact-list li{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.footer-icon{color:var(--custom-red);flex-shrink:0;font-size:.8rem}.footer-contact-label{color:#ffffff80}.footer-contact-list a{color:#fff;text-decoration:none;transition:color .2s}.footer-contact-list a:hover{color:var(--custom-red)}.footer-socials{flex-wrap:wrap;gap:.6rem;display:flex}.footer-social-btn{color:#ffffffb3;background:#ffffff12;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.85rem;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:flex}.footer-social-btn:hover{background:var(--custom-red);border-color:var(--custom-red);color:#fff}.footer-bar{border-top:1px solid #ffffff12;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}@media (min-width:640px){.footer-bar{padding:1rem 3rem}}.footer-bar-left{color:#ffffff59;align-items:center;gap:1rem;font-size:.78rem;display:flex}.footer-logo{opacity:.6;width:auto;height:22px}.footer-bar-links{align-items:center;gap:.6rem;font-size:.78rem;display:flex}.footer-bar-links a{color:#ffffff73;text-decoration:none;transition:color .2s}.footer-bar-links a:hover{color:#fff}.footer-bar-divider{color:#fff3}
.content-wrapper{position:relative}.loading-overlay{background-color:var(--background,#fff);z-index:9999;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;inset:0}.loading-spinner{border:6px solid #c8c8c84d;border-top-color:red;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}