.menu{z-index:100;color:#fff;opacity:0;visibility:hidden;background:url(/build/assets/watermark-DrG8AQQi.svg) -90px calc(100% + 30px)/300px no-repeat,radial-gradient(70% 40% at 100% 0,#c9a15a38,#0000 70%),linear-gradient(#0c7f89 0%,#08626a 45%,#063135 100%);flex-direction:column;padding:0 18px 22px;font-family:inherit;transition:opacity .28s,transform .28s,visibility 0s .28s;display:flex;position:fixed;inset:0;overflow-y:auto;transform:translateY(-10px)}.menu.open{opacity:1;visibility:visible;transition:opacity .28s,transform .28s;transform:none}.menu:before{content:none}.menu:after{content:"إنجازات شباب عُمان · ٢٠٢٦";text-align:center;color:#ffffff8c;letter-spacing:.3px;margin-top:auto;padding-top:22px;font-size:11px;display:block}.menu>*{z-index:1;position:relative}.menu-top{border-bottom:1px solid #ffffff1f;flex-shrink:0;justify-content:space-between;align-items:center;height:64px;display:flex}.menu-top img{width:auto;height:44px;display:block}.menu-close{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:40px;height:40px;transition:background .2s,transform .35s;display:grid}.menu.open .menu-close{transform:rotate(90deg)}.menu-close:focus-visible{outline-offset:2px;border-radius:50%;outline:2px solid #e3c88f}.menu-close:hover{background:#ffffff2e}.menu-close svg{width:18px;height:18px}.menu .search{margin:16px 0 10px;position:relative}.menu .search input{color:#063135;width:100%;height:46px;font:inherit;box-sizing:border-box;background:#fffffff2;border:1px solid #fff3;border-radius:14px;padding:0 16px 0 46px;font-size:14px}.menu .search input::placeholder{color:#6b7a78}.menu .search input:focus{outline-offset:2px;outline:2px solid #e3c88f}.menu .search button{cursor:pointer;background:#a88344;border:0;border-radius:10px;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:4px;left:4px}.menu .search button img{filter:brightness(0)invert();width:16px;height:16px}.menu nav ul{gap:0;margin:0;padding:0;list-style:none;display:grid}.menu nav li{border-bottom:1px solid #ffffff1a}.menu nav a{color:#fff;background:0 0;border:0;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;min-height:50px;padding:0 14px;font-size:15.5px;font-weight:500;line-height:1.5;text-decoration:none;transition:background .2s,color .2s,padding .2s;display:flex;position:relative}.menu nav a:after{content:"";opacity:.8;border-bottom:1.8px solid #c9a15a;border-left:1.8px solid #c9a15a;flex-shrink:0;width:7px;height:7px;transition:transform .2s;transform:rotate(45deg)}.menu nav a:hover{background:#ffffff0f}.menu nav a:hover:after{transform:translate(-3px)rotate(45deg)}.menu nav a[aria-current=page]{color:#f0d9a5;background:linear-gradient(90deg,#c9a15a00,#c9a15a38);font-weight:700}.menu nav a[aria-current=page]:before{content:"";background:#e3c88f;border-radius:3px;width:3px;position:absolute;top:12px;bottom:12px;right:0}.menu nav li{opacity:0;transform:translate(14px)}.menu.open nav li{animation:.4s cubic-bezier(.2,.8,.2,1) forwards menu-in}.menu.open nav li:nth-child(2){animation-delay:30ms}.menu.open nav li:nth-child(3){animation-delay:60ms}.menu.open nav li:nth-child(4){animation-delay:90ms}.menu.open nav li:nth-child(5){animation-delay:.12s}.menu.open nav li:nth-child(6){animation-delay:.15s}.menu.open nav li:nth-child(7){animation-delay:.18s}.menu.open nav li:nth-child(8){animation-delay:.21s}.menu.open nav li:nth-child(9){animation-delay:.24s}.menu.open nav li:nth-child(10){animation-delay:.27s}@keyframes menu-in{to{opacity:1;transform:none}}body.menu-open{overflow:hidden}body.menu-open .site-footer{visibility:hidden}@media (prefers-reduced-motion:reduce){.menu nav li{opacity:1;transform:none}.menu.open nav li{animation:none}.menu.open .menu-close{transform:none}}@media (width>=700px){.menu{padding-inline:max(24px,50% - 280px)}}
