.site-header{width:100%;position:relative;z-index:99999} .top-bar{background-color:#030405;border-bottom:1px solid rgba(255,255,255,0.04);height:38px;display:flex;align-items:center} .top-bar-container{display:flex;justify-content:space-between;width:100%;align-items:center;max-width:1280px;margin:0 auto;padding:0 2rem} .top-bar-left,.top-bar-right{display:flex;align-items:center} .top-bar-right{gap:1.5rem} .top-bar-text,.top-bar-right a{font-size:0.75rem;color:var(--text-muted);font-weight:500;display:flex;align-items:center;gap:0.5rem;transition:color 0.2s ease} .top-bar-right a:hover{color:#fff} .top-bar-text iconify-icon,.top-bar-right a iconify-icon{font-size:1rem;color:var(--primary)} .navbar{position:sticky;top:0;z-index:99999;background-color:rgba(5,6,8,0.75);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,0.05);transition:all 0.3s ease} .nav-container{display:flex;justify-content:space-between;align-items:center;height:70px;max-width:1280px;margin:0 auto;padding:0 2rem} .logo{display:flex;align-items:center;gap:0.6rem;cursor:pointer} .site-logo-img{height:32px;width:auto;display:block;filter:drop-shadow(0 0 8px rgba(0,123,255,0.4))} .logo-text{font-size:1.1rem;font-weight:600;letter-spacing:-0.5px;color:#fff} .nav-links{display:flex;gap:1.5rem;height:100%;align-items:center} .nav-links>li{height:100%;display:flex;align-items:center;position:relative} .nav-links>li>a{font-weight:500;font-size:0.85rem;color:var(--text-muted);display:flex;align-items:center;height:100%;transition:color 0.3s ease} .nav-links>li:hover>a{color:#fff} .nav-chevron{font-size:1.1rem;margin-left:2px;opacity:0.5;transition:transform 0.3s cubic-bezier(0.16,1,0.3,1)} .nav-links>li:hover .nav-chevron{transform:rotate(180deg);opacity:1;color:var(--primary)} .has-mega-menu{position:relative} .mega-menu{position:absolute;top:calc(100% + 20px);left:50%;transform:translateX(-50%) translateY(10px);background:#0d1116;border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:1rem;box-shadow:0 40px 80px rgba(0,0,0,0.8),0 0 40px rgba(0,123,255,0.04);opacity:0;visibility:hidden;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);z-index:100000} .has-mega-menu:hover .mega-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);top:calc(100% - 10px)} .mega-menu-md{width:650px;padding:1.5rem} .mega-menu-lg{width:850px;padding:0.5rem} .mega-menu-xl{width:950px;padding:0.5rem} .mega-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem} .mega-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:0.8rem;width:100%} .mega-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:0.8rem;width:100%} .mega-split-layout{display:flex;border-radius:10px;overflow:hidden;background:#0a0c10;width:100%} .mega-sidebar{width:35%;background:#0d1116;padding:1rem;border-right:1px solid rgba(255,255,255,0.04);display:flex;flex-direction:column;gap:0.6rem} .mega-content{padding:1.5rem;position:relative;display:flex;align-items:flex-end} .mega-banner-vertical{width:32%;padding:2rem;display:flex;flex-direction:column;justify-content:flex-end;position:relative;background-color:#050608;border-right:1px solid rgba(255,255,255,0.04)} .banner-bg-base,.banner-bg-mask,.banner-bg-hover{position:absolute;inset:0;background-size:cover;background-position:center;transition:opacity 0.3s ease-in-out} .banner-bg-base{opacity:0.5;z-index:0} .banner-bg-mask{background-color:#050608;opacity:0;z-index:1} .banner-bg-hover{opacity:0;z-index:2} .mega-banner-vertical::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(10,12,16,1) 0%,rgba(10,12,16,0.2) 100%);z-index:3} .mega-banner-content{position:relative;z-index:4;pointer-events:none} .mega-banner-content h3{font-size:1.25rem;margin:0.75rem 0 0.5rem;color:#fff} .mega-banner-content p{font-size:0.8rem;color:var(--text-muted);line-height:1.6;margin:0} .mega-content-bg{position:absolute;inset:0;z-index:0;opacity:0.4;background-size:cover;background-position:center;mask-image:linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%)} .mega-content-inner{position:relative;z-index:1;background:rgba(5,6,8,0.8);backdrop-filter:blur(8px);padding:1.5rem;border-radius:8px;border:1px solid rgba(255,255,255,0.05);width:100%} .mega-content-inner h3{font-size:1.2rem;margin-bottom:0.5rem} .mega-content-inner p{font-size:0.85rem;margin:0;color:var(--text-muted)} .badge-compatible{display:inline-flex;align-items:center;gap:6px;font-size:0.65rem;text-transform:uppercase;letter-spacing:1px;color:var(--primary);font-weight:700;margin-bottom:1rem} .badge-compatible::before{content:'';width:6px;height:6px;background:var(--primary);border-radius:50%;box-shadow:0 0 8px var(--primary)} .mega-pill{display:flex;justify-content:space-between;align-items:center;padding:0.85rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,0.03);background:rgba(255,255,255,0.015);transition:all 0.3s cubic-bezier(0.16,1,0.3,1);cursor:pointer} .mega-pill h4{font-size:0.85rem;margin-bottom:0.1rem;color:var(--text-muted);transition:color 0.2s} .mega-pill p{font-size:0.7rem;margin:0;color:rgba(255,255,255,0.3)} .mega-pill iconify-icon{color:var(--text-muted);font-size:1.2rem;transition:color 0.2s} .mega-pill:hover{background:rgba(0,123,255,0.02);border-color:rgba(0,123,255,0.3);transform:translateY(-2px);box-shadow:0 8px 15px rgba(0,0,0,0.5),0 4px 10px rgba(0,123,255,0.05)} .mega-pill:hover h4,.mega-pill:hover iconify-icon{color:#fff} .mega-pill.active{background:rgba(0,123,255,0.06);border-color:rgba(0,123,255,0.4);box-shadow:0 0 15px rgba(0,123,255,0.1) inset,0 5px 15px rgba(0,123,255,0.08);transform:translateY(-2px)} .mega-pill.active h4{color:#fff} .mega-pill.active iconify-icon{color:var(--primary)} .mega-card{display:flex;gap:1rem;padding:1.25rem;border-radius:10px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.03);transition:all 0.3s ease} .mega-card:hover{background:rgba(0,123,255,0.02);border-color:rgba(0,123,255,0.3);transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,0.5),0 5px 15px rgba(0,123,255,0.05)} .mega-icon{font-size:1.6rem;color:var(--primary);width:36px;display:flex;justify-content:center;align-items:center} .mega-text h4{font-size:0.9rem;margin:0.25rem;color:#fff} .mega-text p{font-size:0.75rem;margin:0;color:var(--text-muted);line-height:1.4} .mega-card.compact{flex-direction:column;align-items:center;text-align:center;gap:0.5rem;padding:1.25rem 0.5rem;cursor:pointer} .mega-card.compact .mega-icon{font-size:2rem;height:35px;transition:all 0.3s ease;filter:drop-shadow(0 0 10px rgba(0,0,0,0.5))} .mega-card.compact .mega-text h4{margin:0;font-size:0.8rem} .mega-card.compact:hover .mega-icon{transform:scale(1.15) translateY(-3px);filter:drop-shadow(0 5px 15px var(--primary-glow))} .plugin-badge{font-size:0.6rem;padding:2px 6px;border-radius:4px;font-weight:600;margin-top:6px;display:inline-block;letter-spacing:0.5px;text-transform:uppercase} .badge-premium{background:rgba(245,176,65,0.1);color:var(--gold);border:1px solid rgba(245,176,65,0.3)} .badge-free{background:rgba(45,212,191,0.1);color:#2dd4bf;border:1px solid rgba(45,212,191,0.3)} .badge-dev{background:rgba(0,123,255,0.1);color:var(--primary);border:1px solid rgba(0,123,255,0.3)} .badge-soon{background:rgba(255,255,255,0.05);color:var(--text-muted);border:1px solid rgba(255,255,255,0.1)} .icon-mc{color:#4ade80 !important} .icon-fivem{color:#f97316 !important} .icon-roblox{color:#ef4444 !important} .icon-rust{color:#ef4444 !important} .icon-cs{color:#eab308 !important} .icon-valheim{color:#2dd4bf !important} .icon-steam{color:#38bdf8 !important} .nav-actions{display:flex;gap:0.8rem;align-items:center} .nav-actions .btn{padding:0.45rem 1.1rem;font-size:0.85rem;border-radius:6px} .nav-actions .btn-outline{padding:0.45rem 1.1rem} .glc-auth-actions{display:flex;gap:12px;align-items:center} .glc-auth-view{display:flex;gap:12px;align-items:center} .glc-auth-view.is-hidden{display:none !important} .glc-auth-actions-mobile{width:100%} .glc-auth-actions-mobile .glc-auth-view{width:100%;flex-direction:column;align-items:stretch} @media(max-width:1024px){.nav-links,.nav-actions .btn{display:none} .mobile-menu-btn{display:block;background:transparent;border:1px solid rgba(255,255,255,0.1);color:#fff;font-size:1.5rem;padding:0.4rem 0.6rem;border-radius:6px}} .mobile-menu-btn{display:none;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:6px;color:#fff;font-size:1.4rem;cursor:pointer;padding:0.4rem 0.8rem;transition:background 0.2s} .mobile-menu-btn:hover{background:rgba(255,255,255,0.1)} .mobile-menu-btn iconify-icon{display:block} .mobile-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:100000;opacity:0;pointer-events:none;transition:opacity 0.28s ease} .mobile-overlay.active{opacity:1;pointer-events:auto} .mobile-sidebar{position:fixed;top:0;left:0;width:min(86vw,340px);max-width:340px;height:100dvh;transform:translateX(-100%);background:linear-gradient(180deg,rgba(7,10,18,0.98) 0%,rgba(6,8,14,0.99) 100%);border-right:1px solid rgba(255,255,255,0.06);z-index:100001;transition:transform 0.3s cubic-bezier(0.16,1,0.3,1);display:flex;flex-direction:column;box-shadow:20px 0 50px rgba(0,0,0,0.55);overflow:hidden} .mobile-sidebar.active{transform:translateX(0)} .mobile-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1rem 0.95rem;border-bottom:1px solid rgba(255,255,255,0.05);min-height:72px} .mobile-sidebar-header .logo{display:inline-flex;align-items:center} .mobile-sidebar-header .site-logo-img{height:42px;width:auto} .close-mobile-btn{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);color:#fff;width:42px;height:42px;border-radius:10px;font-size:1.5rem;cursor:pointer;opacity:0.9;transition:background 0.2s ease,opacity 0.2s ease,transform 0.2s ease;display:flex;align-items:center;justify-content:center;flex:0 0 42px} .close-mobile-btn:hover{opacity:1;background:rgba(255,255,255,0.08);transform:scale(1.03)} .mobile-sidebar-content{padding:1rem 1rem calc(env(safe-area-inset-bottom,0px) + 1rem);display:flex;flex-direction:column;flex:1;overflow-y:auto;overscroll-behavior:contain} .mobile-nav-links{display:flex;flex-direction:column;gap:0.2rem;margin-bottom:1.5rem} .mobile-nav-links li a{display:block;font-size:1.05rem;font-weight:600;color:#fff;padding:0.95rem 0;border-bottom:1px solid rgba(255,255,255,0.04);transition:color 0.2s ease,padding-left 0.2s ease} .mobile-nav-links li a:hover{color:var(--primary);padding-left:0.35rem} .mobile-sidebar-actions{margin-top:auto;padding-top:1rem;display:grid;gap:0.75rem} .mobile-sidebar-actions .btn{width:100% !important;min-height:46px;margin:0 !important;display:flex !important;justify-content:center;align-items:center} body.mobile-menu-open iframe,body.mobile-menu-open .tawk-min-container,body.mobile-menu-open .tawk-button,body.mobile-menu-open #crisp-chatbox,body.mobile-menu-open .intercom-lightweight-app,body.mobile-menu-open [class*="chat"],body.mobile-menu-open [id*="chat"]{visibility:hidden !important;pointer-events:none !important} @media(max-width:480px){.mobile-sidebar{width:88vw} .mobile-sidebar-header{padding:0.9rem 0.9rem 0.85rem} .mobile-sidebar-content{padding:0.9rem 0.9rem calc(env(safe-area-inset-bottom,0px) + 0.9rem)} .mobile-nav-links li a{font-size:1rem}} @media(max-width:1024px){.nav-links{display:none} .nav-actions .btn-login,.nav-actions .btn-primary{display:none} .mobile-menu-btn{display:block}} body{overflow-x:clip} @media(max-width:1024px){.glc-desktop-only{display:none !important}}