/* GROW X side navigation inspired by the supplied reference video */
#gx-menu-toggle{position:fixed;top:12px;left:12px;z-index:10001;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(53,229,161,.28);border-radius:11px;background:rgba(5,8,7,.88);color:#35e5a1;cursor:pointer;box-shadow:0 0 18px rgba(53,229,161,.07);backdrop-filter:blur(12px);transition:background .2s,border-color .2s,transform .2s}
#gx-menu-toggle:hover{background:#15130c;border-color:#35e5a1;transform:translateY(-1px)}
#gx-menu-toggle svg{width:24px;height:24px;display:block}
#gx-menu-backdrop{position:fixed;inset:0;z-index:10002;background:rgba(0,0,0,.56);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:opacity .24s ease,visibility .24s ease}
#gx-menu-backdrop.gx-open{opacity:1;visibility:visible}
#gx-side-menu{position:fixed;inset:0 auto 0 0;z-index:10003;width:300px;max-width:86vw;background:rgba(8,10,10,.985);border-right:1px solid rgba(53,229,161,.19);box-shadow:18px 0 55px rgba(0,0,0,.48);display:flex;flex-direction:column;transform:translateX(-103%);transition:transform .26s cubic-bezier(.2,.7,.2,1);color:#f7f7f7;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}
#gx-side-menu.gx-open{transform:translateX(0)}
.gx-menu-head{height:90px;flex-shrink:0;display:flex;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid #202220}
.gx-menu-brand{display:flex;align-items:center;gap:12px;min-width:0;color:#fff;text-decoration:none;font-weight:800;font-family:Georgia,serif;font-size:22px;white-space:nowrap;letter-spacing:-.3px}
.gx-menu-brand img{width:46px;height:46px;flex-shrink:0;object-fit:cover;border-radius:13px;border:1px solid #175f43;box-shadow:0 0 18px rgba(53,229,161,.2)}
.gx-menu-brand span{color:#35e5a1}
.gx-menu-close{margin-left:auto;flex-shrink:0;width:38px;height:38px;border:1px solid #242824;border-radius:50%;background:#121512;color:#aeb4ad;font-size:25px;line-height:1;cursor:pointer;display:grid;place-items:center}
.gx-menu-close:hover{background:#20251e;color:#fff}
.gx-menu-links{padding:12px 16px 14px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#174a36 transparent}
.gx-menu-link{position:relative;display:flex;align-items:center;gap:14px;min-height:70px;padding:12px 16px;margin:3px 0;border:1px solid transparent;border-radius:0;color:#b7b8b4;text-decoration:none;font-family:Georgia,'Times New Roman',serif;font-size:14px;font-weight:700;letter-spacing:.05px;transition:background .16s,color .16s,border-color .16s}
.gx-menu-link:hover{background:#171915;color:#fff}
.gx-menu-link.gx-current{min-height:54px;color:#35e5a1;background:rgba(53,229,161,.075);border-color:rgba(53,229,161,.27);border-radius:14px;margin:12px 0 8px;padding:10px 16px}
.gx-menu-link:not(:last-of-type)::after{content:'';position:absolute;left:68px;right:8px;bottom:-4px;height:1px;background:#202220;pointer-events:none}
.gx-menu-link.gx-current::after{bottom:-9px}
.gx-menu-icon{width:33px;height:33px;flex-shrink:0;border-radius:9px;object-fit:cover;background:#10110f;border:1px solid #313128}
.gx-menu-home-icon{width:33px;height:33px;flex-shrink:0;display:grid;place-items:center;border-radius:9px;border:1px solid rgba(53,229,161,.35);background:#17160d;color:#35e5a1}
.gx-menu-home-icon svg{width:18px;height:18px}
.gx-menu-divider{height:1px;background:#202220;margin:7px 8px 8px}
.gx-menu-foot{flex-shrink:0;padding:12px 12px 14px;border-top:1px solid #202220}
.gx-menu-community{background:#111410;border:1px solid #22271e;border-radius:12px;padding:11px;display:flex;align-items:center;gap:9px;text-decoration:none;color:#f4f4f4}
.gx-menu-tg-icon{width:30px;height:30px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:#1b2116;color:#35e5a1;font-size:15px}
.gx-menu-community strong{font-size:11px;display:block;line-height:1.4}
.gx-menu-community small{display:block;color:#969b91;font-size:10px;margin-top:2px}
.gx-menu-community .gx-menu-arrow{margin-left:auto;color:#35e5a1;font-size:16px}
.gx-menu-caption{font-size:9px;letter-spacing:1.1px;color:#62685f;margin:11px 2px 0;text-align:center}
@media(max-width:480px){#gx-menu-toggle{top:10px;left:10px;width:36px;height:36px}#gx-side-menu{width:300px;max-width:86vw}.gx-menu-head{height:90px;padding:0 16px}.gx-menu-brand{font-size:20px}.gx-menu-brand img{width:44px;height:44px}.gx-menu-links{padding-left:14px;padding-right:14px}.gx-menu-link{min-height:66px}.gx-menu-link.gx-current{min-height:53px}}

/* For pages that already have a navigation/header, keep the menu button in the header flow. */
#gx-menu-toggle.gx-menu-inline{position:relative;top:auto;left:auto;vertical-align:middle;margin:0 12px 0 0;flex:0 0 38px;display:inline-grid}
@media(max-width:480px){#gx-menu-toggle.gx-menu-inline{top:auto;left:auto;width:36px;height:36px;flex-basis:36px}}


/* Platform headers: show the GROW X brand in place of the homepage-only hamburger. */
.gx-platform-page .gx-platform-brand{display:inline-flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;font-size:1.45rem;font-weight:800;letter-spacing:.4px;white-space:nowrap}
.gx-platform-page .gx-platform-brand img{display:block;width:40px;height:40px;flex:0 0 40px;object-fit:cover;border-radius:7px;border:1px solid #fbbc05;background:#050505}
.gx-platform-page .gx-platform-brand:hover{opacity:.88}
.gx-platform-page .top-nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:12px 30px}
.gx-platform-page .top-nav .back-btn{margin-left:auto}
@media(max-width:480px){.gx-platform-page .gx-platform-brand{font-size:1.2rem;gap:9px}.gx-platform-page .gx-platform-brand img{width:36px;height:36px;flex-basis:36px}.gx-platform-page .top-nav{gap:14px;padding:12px 16px}}