.nav-menu{position:fixed;top:0;width:100%;display:flex;justify-content:flex-start;align-items:center;gap:0;padding:19px 20px;background-color:rgba(0,0,0,0);backdrop-filter:blur(0px);box-shadow:0 2px 12px transparent;transition:background-color .3s,backdrop-filter .3s,box-shadow .3s;z-index:1300;line-height:1}.nav-menu.scrolled{background-color:rgba(0,0,0,.95);backdrop-filter:blur(10px);box-shadow:0 2px 12px rgba(0,0,0,.3)}body.light-mode .nav-menu,body.light-mode .nav-menu.scrolled{background-color:#fff!important;backdrop-filter:blur(10px)!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important}body.dark-mode .nav-menu{background-color:rgba(0,0,0,0);backdrop-filter:blur(0px);box-shadow:0 2px 12px transparent}body.dark-mode .nav-menu.scrolled{background-color:rgba(0,0,0,.95);backdrop-filter:blur(10px);box-shadow:0 2px 12px rgba(0,0,0,.3)}.nav-menu .mode-switch{display:flex;align-items:center;gap:16px;margin:0;padding:0;flex-shrink:0;align-self:center}.nav-menu .menu-icon{margin-left:auto;flex-shrink:0}.nav-brand-link{display:flex;align-items:center;text-decoration:none;color:inherit;transition:opacity .2s}.nav-brand-link:hover{opacity:.85}.nav-logo{max-width:30px;height:auto;display:block;flex-shrink:0;align-self:center;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, .3))}body.light-mode .nav-logo{filter:none}body.dark-mode .nav-logo{filter:drop-shadow(0 1px 3px rgba(0, 0, 0, .5))}.nav-links{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-left:24px;margin-right:50px;flex-grow:0;flex-shrink:0}.menu-icon,.nav-menu .nav-links a{color:#fff;text-decoration:none;font-size:15px;font-weight:500;margin:0;transition:.3s;padding:8px 12px;position:relative;text-shadow:0 1px 2px rgba(0,0,0,.3)}.menu-icon:hover,.nav-menu .nav-links a:hover{color:#26c4ff;transform:translateY(-1px);text-shadow:0 1px 2px rgba(0,0,0,.2)}body.light-mode .menu-icon,body.light-mode .nav-menu .nav-links a{color:#000!important;text-shadow:none!important}body.light-mode .menu-icon:hover,body.light-mode .nav-menu .nav-links a:hover{color:#0054ff!important;text-shadow:none!important}body.light-mode .nav-menu .nav-links a::after{background:#0054ff}body.dark-mode .menu-icon,body.dark-mode .nav-menu .nav-links a{color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.5)!important}body.dark-mode .menu-icon:hover,body.dark-mode .nav-menu .nav-links a:hover{color:#26c4ff!important;text-shadow:0 1px 3px rgba(0,0,0,.4)!important}body.dark-mode .nav-menu .nav-links a::after{background:#26c4ff}.nav-menu .nav-links a::after{content:'';position:absolute;bottom:4px;left:12px;width:0;height:2px;background:#26c4ff;transition:width .3s}.nav-menu .nav-links a:hover::after{width:calc(100% - 24px)}.menu-icon{cursor:pointer;font-size:28px;color:#fff;padding:10px 12px;transition:.2s;display:flex;align-items:center;justify-content:center;align-self:center;user-select:none;-webkit-user-select:none;pointer-events:auto;z-index:1300;position:relative;min-width:44px;min-height:44px;box-sizing:border-box;line-height:1}.menu-icon:hover{transform:scale(1.1)}.nav-dropdown{position:relative;display:inline-block}.nav-dropdown-toggle{display:flex;align-items:center;gap:4px;cursor:pointer;color:#fff;text-decoration:none;font-size:15px;font-weight:500;padding:8px 12px;transition:.3s;text-shadow:0 1px 2px rgba(0,0,0,.3)}.nav-dropdown-toggle::after{content:'▾';font-size:10px;transition:transform .2s}.nav-dropdown:hover .nav-dropdown-toggle::after{transform:rotate(180deg)}.nav-dropdown-toggle:hover{color:#26c4ff}body.light-mode .nav-dropdown-toggle{color:#000!important;text-shadow:none!important}body.light-mode .nav-dropdown-toggle:hover{color:#0054ff!important}.nav-dropdown-menu{position:absolute;top:100%;left:0;min-width:220px;background:linear-gradient(135deg,#191919 0,#333 100%);border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translateY(10px);transition:.2s;z-index:1000;padding:8px 0}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-menu a{display:block;padding:10px 16px;color:#fff!important;text-decoration:none;font-size:14px;font-weight:400;transition:.2s;text-shadow:none!important}.nav-dropdown-menu a::after{display:none!important}.nav-dropdown-menu a:hover{background:rgba(38,196,255,.15);color:#26c4ff!important;padding-left:20px}.nav-dropdown-menu .dropdown-divider{height:1px;background:rgba(255,255,255,.1);margin:6px 12px}.nav-dropdown-menu .dropdown-section-header{display:block;padding:8px 16px 4px;color:#26c4ff!important;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;pointer-events:none}body.light-mode .nav-dropdown-menu{background:linear-gradient(135deg,#fff 0,#f5f5f5 100%);border:1px solid rgba(0,0,0,.1);box-shadow:0 8px 32px rgba(0,0,0,.15)}body.light-mode .nav-dropdown-menu a{color:#1a1a1a!important}body.light-mode .nav-dropdown-menu a:hover{background:rgba(0,84,255,.1);color:#0054ff!important}body.light-mode .nav-dropdown-menu .dropdown-divider{background:rgba(0,0,0,.1)}body.light-mode .nav-dropdown-menu .dropdown-section-header{color:#0054ff!important}@media (max-width:1024px){.nav-dropdown{display:none}}.flyout-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s cubic-bezier(.4, 0, .2, 1),visibility .35s cubic-bezier(.4, 0, .2, 1);z-index:1100;cursor:pointer}.flyout-backdrop.open{opacity:1;visibility:visible;pointer-events:auto}.flyout-menu{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;position:fixed;top:0;right:0;width:320px;height:100vh;background:#1a1a1a;border-left:1px solid rgba(255,255,255,.1);box-shadow:-8px 0 40px rgba(0,0,0,.8);padding:80px 24px 24px;overflow-y:auto;overflow-x:hidden;transform:translateX(100%);transition:transform .35s cubic-bezier(.4, 0, .2, 1);z-index:1200;display:flex;flex-direction:column;gap:4px}.flyout-menu.open{transform:translateX(0)}body.light-mode .flyout-menu{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:#fff!important;border-left:1px solid rgba(0,0,0,.12)!important;box-shadow:-8px 0 40px rgba(0,0,0,.15)!important}body.dark-mode .flyout-menu{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:#1a1a1a!important;border-left:1px solid rgba(255,255,255,.1)!important;box-shadow:-8px 0 40px rgba(0,0,0,.8)!important}.flyout-menu a{display:block;color:#fff;padding:13px 16px;font-size:15px;font-weight:500;text-decoration:none;border-radius:10px;margin-bottom:0;transition:.25s cubic-bezier(.4, 0, .2, 1);cursor:pointer;line-height:1.3;position:relative;overflow:hidden}.flyout-menu a::before{content:'';position:absolute;left:0;top:0;width:4px;height:100%;background:#26c4ff;transform:scaleY(0);transition:transform .25s cubic-bezier(.4, 0, .2, 1);border-radius:0 2px 2px 0}.flyout-menu a:hover::before{transform:scaleY(1)}body.light-mode .flyout-menu a{color:#1a1a1a!important}body.light-mode .flyout-menu a::before{background:#0054ff}body.light-mode .flyout-menu a:hover{background:rgba(0,84,255,.08)!important;color:#0054ff!important;transform:translateX(4px)}body.dark-mode .flyout-menu a{color:#fff!important}body.dark-mode .flyout-menu a:hover{background:rgba(38,196,255,.12)!important;color:#26c4ff!important;transform:translateX(4px)}.flyout-menu .flyout-close{margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);font-size:14px!important;color:#999!important;opacity:.8;text-align:center;font-weight:600}.flyout-menu .flyout-close::before{display:none}body.light-mode .flyout-menu .flyout-close{border-top:1px solid rgba(0,0,0,.1)!important;color:#666!important}body.light-mode .flyout-menu .flyout-close:hover{opacity:1;color:#1a1a1a!important;background:rgba(0,0,0,.05)!important;transform:none}body.dark-mode .flyout-menu .flyout-close:hover{opacity:1;color:#fff!important;background:rgba(255,255,255,.08)!important;transform:none}.flyout-menu::-webkit-scrollbar{width:8px}.flyout-menu::-webkit-scrollbar-track{background:0 0}.flyout-menu::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.2);border-radius:4px}body.light-mode .flyout-menu::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2)}.flyout-drawer{margin-top:4px}.flyout-drawer:first-child{margin-top:0}.flyout-drawer-toggle{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;min-height:44px;cursor:pointer;transition:.2s;border-radius:8px;margin-bottom:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.flyout-drawer-toggle:hover{background:rgba(38,196,255,.08)}.flyout-drawer-toggle:active{background:rgba(38,196,255,.15);transform:scale(.98)}body.light-mode .flyout-drawer-toggle:active{background:rgba(0,84,255,.15)}.flyout-drawer-toggle .drawer-label{color:#26c4ff;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px}.flyout-drawer-toggle .drawer-arrow{color:#26c4ff;font-size:11px;transition:transform .25s;opacity:.7}.flyout-drawer.open .flyout-drawer-toggle .drawer-arrow{transform:rotate(90deg)}.flyout-drawer-content{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4, 0, .2, 1),opacity .2s,padding .2s;opacity:0;padding-top:0;padding-bottom:0}.flyout-drawer.open .flyout-drawer-content{max-height:500px;opacity:1;padding-top:4px;padding-bottom:8px}.flyout-drawer-content a{padding:12px 16px 12px 20px!important;min-height:44px!important;font-size:14px!important;margin:0!important;box-sizing:border-box;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.flyout-drawer-content a::before{left:4px!important}.flyout-drawer-content a:active{transform:translateX(4px)}body.dark-mode .flyout-drawer-content a:active{background:rgba(38,196,255,.18)!important}body.light-mode .flyout-drawer-content a:active{background:rgba(0,84,255,.12)!important}body.light-mode .flyout-drawer-toggle:hover{background:rgba(0,84,255,.08)}body.light-mode .flyout-drawer-toggle .drawer-arrow,body.light-mode .flyout-drawer-toggle .drawer-label{color:#0054ff!important}.flyout-home-link{display:block;color:#fff!important;padding:14px 16px 16px;font-size:16px;font-weight:600;text-decoration:none;border-radius:10px;margin-bottom:8px;transition:.25s cubic-bezier(.4, 0, .2, 1);cursor:pointer;line-height:1.3;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.1)}.flyout-home-link::before{content:'';position:absolute;left:0;top:0;width:4px;height:100%;background:#26c4ff;transform:scaleY(0);transition:transform .25s cubic-bezier(.4, 0, .2, 1);border-radius:0 2px 2px 0}.flyout-home-link:hover::before{transform:scaleY(1)}.flyout-home-link:hover{background:rgba(38,196,255,.12);color:#26c4ff!important;transform:translateX(4px)}body.light-mode .flyout-home-link{color:#1a1a1a!important;border-bottom:1px solid rgba(0,0,0,.1)}body.light-mode .flyout-home-link::before{background:#0054ff}body.light-mode .flyout-home-link:hover{background:rgba(0,84,255,.08)!important;color:#0054ff!important}@media (max-width:768px){.flyout-menu{padding-top:90px}}@media (max-width:480px){.flyout-menu{padding-top:85px}}.nav-search{margin-left:0;margin-right:16px;flex-shrink:0}.nav-search form{display:flex;flex-wrap:nowrap;align-items:center;gap:4px}.nav-search-input{font-size:12px;width:100%;max-width:135px;padding:6px 10px;border-radius:5px;border:1px solid #555;background:#333;color:#fff;box-sizing:border-box;transition:background .3s,color .3s,border .3s}.nav-search-input::placeholder{color:#999}body.light-mode .nav-search-input{background-color:#fff!important;color:#000!important;border:1px solid #ccc!important}body.light-mode .nav-search-input::placeholder{color:#888!important}body.dark-mode .nav-search-input{background-color:#333!important;color:#fff!important;border:1px solid #555!important}body.dark-mode .nav-search-input::placeholder{color:#999!important}.nav-submit-button{background:linear-gradient(to bottom,#0054ff,#0447d3);color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background .3s;font-size:12px;padding:6px 12px;white-space:nowrap}.nav-submit-button:disabled{opacity:.5;cursor:not-allowed}.nav-submit-button:hover:not(:disabled){background:linear-gradient(to bottom,#0447d3,#0054ff)}@media (max-width:1024px){.nav-search{display:flex;order:2;margin-left:auto;margin-right:8px;flex-shrink:0}}.flyout-account-heading{display:block;padding:8px 20px 10px;margin:0 8px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#666}.flyout-account-link{display:block;color:#888!important;padding:14px 20px;margin:0 8px 10px;font-size:14px;font-weight:500;text-decoration:none;border-radius:8px;transition:.2s;border-bottom:1px solid rgba(255,255,255,.06);line-height:1.35}.flyout-account-note{display:block;font-size:11px;font-weight:400;color:#5f7adb;margin-top:5px;line-height:1.4}.flyout-menu .flyout-account-link+.flyout-drawer{margin-top:14px!important}.flyout-account-link:hover{color:#fff!important;background:rgba(255,255,255,.05)}.flyout-account-link::before{display:none!important}body.light-mode .flyout-account-link{color:#666!important;border-bottom-color:rgba(0,0,0,.06)}body.light-mode .flyout-account-link:hover{color:#000!important;background:rgba(0,0,0,.04)}.nav-dropdown-menu a.nav-logout-link{color:#ff6b6b!important}body.light-mode .nav-dropdown-menu a.nav-logout-link{color:#c62828!important}.flyout-menu .flyout-logout{display:flex;align-items:center;gap:10px;margin:12px 8px 0;padding:12px 16px;border-radius:10px;color:#ff6b6b!important;font-weight:600;font-size:14px;border:1px solid rgba(255,107,107,.25);background:rgba(255,107,107,.06);flex-shrink:0}.flyout-menu .flyout-logout:hover{background:rgba(255,107,107,.14)!important;color:#fff!important;transform:none}.flyout-menu .flyout-logout::before{display:none!important}body.light-mode .flyout-menu .flyout-logout{color:#c62828!important;border-color:rgba(198,40,40,.3);background:rgba(198,40,40,.06)}body.light-mode .flyout-menu .flyout-logout:hover{background:rgba(198,40,40,.12)!important;color:#7f1d1d!important}