/* V5: a shared glass navigation shell, not a full-screen opaque drawer. */
#mainNav{position:fixed;top:14px;left:16px;right:16px;width:auto;z-index:610;background:transparent!important;border:0!important;backdrop-filter:none!important;box-shadow:none!important}
#mainNav .nav-inner{width:100%;max-width:1380px;min-height:76px;margin:auto;padding:13px 22px;gap:18px;border:1px solid rgba(234,222,185,.18);border-radius:24px;background:linear-gradient(120deg,rgba(231,239,220,.09),rgba(19,31,24,.7) 55%,rgba(224,202,150,.055)),rgba(10,20,16,.8);backdrop-filter:blur(28px) saturate(155%);-webkit-backdrop-filter:blur(28px) saturate(155%);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 12px 40px rgba(0,0,0,.2);transition:background .3s,box-shadow .3s}
#mainNav.scrolled .nav-inner{background:linear-gradient(120deg,rgba(231,239,220,.07),rgba(19,31,24,.94));box-shadow:inset 0 1px 0 #ffffff18,0 18px 50px #0005}
#mainNav .nav-left{gap:14px;min-width:0;position:relative}#mainNav .brand{gap:10px}#mainNav .brand-word{font-size:14px!important;letter-spacing:3px!important}#mainNav .brand-sub{font-size:7px!important;letter-spacing:1.25px!important}#mainNav .brand img{width:34px;height:34px}#mainNav .profile-btn{width:34px;height:34px;flex:none;background:#ece0bd09;border:1px solid #e2cc9138}
#mainNav .desktop-nav{gap:4px;font-size:11px;white-space:nowrap;flex:1;justify-content:flex-end;margin-inline-start:auto;margin-inline-end:0}#mainNav .desktop-nav>a{padding:10px 12px;border-radius:12px;transition:background .22s,color .22s,transform .22s;border:1px solid transparent}#mainNav .desktop-nav>a:hover,#mainNav .desktop-nav>a[aria-current=page]{background:#e6ce9510;border-color:#e6ce9524;color:#f3d8a2;transform:translateY(-1px)}#mainNav .desktop-nav .nav-join{margin-inline-start:10px;background:linear-gradient(125deg,#f0d8a5,#c4a16a);border-color:transparent;color:#142016;font-weight:600;box-shadow:inset 0 1px 0 #fff7,0 6px 18px #b99b4c14}#mainNav .language-toggle{border-radius:12px;min-height:40px;min-width:48px;padding:8px 10px;background:#ffffff04;border:1px solid #e5d2a02c;margin:0;flex:none;font-size:10px}#mainNav #hamburger{width:42px;height:42px;min-width:42px;margin:0;padding:10px;border:1px solid #e5d2a02c;border-radius:13px;background:#ffffff06;justify-content:center}
#mainNav .profile-pop{position:absolute!important;top:calc(100% + 23px);inset-inline-start:0;inset-inline-end:auto;width:270px;border-radius:20px;background:linear-gradient(140deg,#f1e5c010,#122319f5);border:1px solid #e5d2a035;box-shadow:inset 0 1px 0 #fff2,0 20px 50px #0007;backdrop-filter:blur(28px);text-align:start}
.menu-scrim{position:fixed;inset:0;z-index:580;background:#030b0780;backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.menu-open .menu-scrim{opacity:1;visibility:visible}body.menu-open{overflow:hidden}
#drawer{position:fixed;inset:auto 16px auto auto;top:103px;z-index:600;width:min(430px,calc(100vw - 32px));max-height:calc(100dvh - 122px);padding:24px;display:flex;align-items:stretch;justify-content:flex-start;flex-direction:column;gap:4px;overflow:auto;overscroll-behavior:contain;border-radius:26px;border:1px solid #e5d2a03d;background:linear-gradient(135deg,#e7efd515,#0b1a14f5 65%);backdrop-filter:blur(32px) saturate(155%);-webkit-backdrop-filter:blur(32px) saturate(155%);box-shadow:inset 0 1px 0 #fff2,0 26px 80px #0007;transform:translateY(-12px) scale(.98);transform-origin:top right;opacity:0;visibility:hidden;pointer-events:none;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .22s,visibility .22s;text-align:start}
#drawer.open{transform:translateY(0) scale(1);opacity:1;visibility:visible;pointer-events:auto}.menu-heading{padding:4px 10px 20px;margin-bottom:8px;border-bottom:1px solid #e5d2a025}.menu-heading span{display:block;color:#e6c58c;font-size:9px;letter-spacing:2px}.menu-heading strong{display:block;font:25px/1.4 Georgia,serif;color:#f1ebdd;margin-top:8px;font-weight:400}#drawer .drawer-link{display:flex;align-items:center;justify-content:space-between;font-family:Inter,sans-serif;font-size:14px;letter-spacing:0;padding:11px 13px;min-height:44px;border:1px solid transparent;border-radius:13px;color:#d5dbcE;transition:background .2s,border-color .2s,color .2s}#drawer .drawer-link:after{content:'↗';font-size:15px;color:#bfa570;opacity:.6}#drawer .drawer-link:hover,#drawer .drawer-link[aria-current=page]{color:#f2d49b;background:#ebd1a010;border-color:#ebd1a02a}#drawer .drawer-foot{position:static;padding:15px 12px;margin-top:8px;font-size:10px}
html[lang=ar] #drawer{left:16px;right:auto;transform-origin:top left}html[lang=ar] #drawer .drawer-link{font-family:'Noto Sans Arabic',sans-serif;font-size:13px}html[lang=ar] .menu-heading strong{font-family:'Noto Sans Arabic',sans-serif;font-size:21px}html[lang=ar] #drawer .drawer-link:after{content:'↖'}
@media(min-width:1101px){#mainNav .desktop-nav{display:flex}#mainNav #hamburger{display:none}#drawer,.menu-scrim{display:none!important}}
@media(max-width:1100px){#mainNav .desktop-nav{display:none}#mainNav #hamburger{display:flex}#mainNav .language-toggle{margin-inline-start:auto}#mainNav .nav-inner{gap:12px}.hero{padding-top:140px}}
@media(max-width:480px){#mainNav{top:10px;left:12px;right:12px}#mainNav .nav-inner{min-height:66px;padding:10px 12px;border-radius:21px;gap:8px}#mainNav .brand img{display:none}#mainNav .brand-word{font-size:12px!important;letter-spacing:2px!important}#mainNav .brand-sub{display:none}#mainNav .nav-left{gap:10px}#mainNav .language-toggle{min-width:42px;padding:8px;font-size:9px}#mainNav #hamburger{width:38px;min-width:38px;height:38px}#drawer{top:88px;max-height:calc(100dvh - 104px);padding:18px;border-radius:22px}#mainNav .profile-pop{max-width:calc(100vw - 48px)}.hero{padding-top:125px}}
@media(prefers-reduced-motion:reduce){#mainNav .nav-inner,#drawer,.menu-scrim,#mainNav .desktop-nav>a,#drawer .drawer-link{transition:none!important}#mainNav .desktop-nav>a:hover{transform:none}}