/* Floating RTL header */
.site-header{position:fixed;top:14px;left:18px;right:18px;z-index:1000;direction:rtl;background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(244,249,255,.58));border:1px solid rgba(255,255,255,.88);border-radius:22px;box-shadow:0 12px 38px rgba(20,52,88,.12),inset 0 1px 0 rgba(255,255,255,.75);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%)}
.header-container{width:100%;max-width:1440px;height:70px;margin:0 auto;padding:0 clamp(18px,3vw,52px);box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:36px}
.logo-container{flex:0 0 auto;order:1}.logo{display:flex;align-items:center}.logo-image{display:block;width:auto;height:45px;transition:transform .25s ease}.logo:hover .logo-image{transform:translateY(-1px)}
.main-nav{order:2;display:flex;align-items:center;justify-content:flex-start;flex:1}.nav-list{position:relative;display:flex;align-items:center;gap:5px;margin:0;padding:0;list-style:none}.nav-list>li:not(.nav-active-bubble){position:relative;z-index:1}
.nav-link{position:relative;display:block;margin:10px 3px;padding:12px 15px;color:#27364b;text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap;transition:color .2s ease}.nav-link:after{content:"";position:absolute;right:15px;left:15px;bottom:4px;height:2px;border-radius:2px;background:#0878f9;transform:scaleX(0);transform-origin:right;transition:transform .22s ease}.nav-link:hover{color:#0878f9}.nav-link:hover:after{transform:scaleX(1)}
.has-submenu>.nav-link{padding-left:28px}.has-submenu>.nav-link:before{content:"⌄";position:absolute;left:11px;top:11px;color:#7b8797;font-size:13px}
.submenu{position:absolute;top:calc(100% - 4px);right:0;min-width:245px;margin:0;padding:8px;background:rgba(255,255,255,.98);border:1px solid #e7edf5;border-radius:14px;box-shadow:0 18px 42px rgba(18,48,82,.13);list-style:none;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s ease}.has-submenu:hover .submenu{opacity:1;visibility:visible;transform:translateY(0)}.submenu a{display:block;padding:11px 13px;border-radius:9px;color:#344258;text-decoration:none;font-size:13px;transition:.2s ease}.submenu a:hover{color:#0878f9;background:#f4f8fd}
.mobile-menu-toggle{display:none;border:0;background:transparent;padding:8px;cursor:pointer}.mobile-menu-toggle span{display:block;width:24px;height:2px;margin:5px 0;border-radius:2px;background:#20334e;transition:.25s ease}
.nav-active-bubble{position:absolute!important;top:0;left:0;z-index:0!important;margin:0!important;padding:0!important;pointer-events:none;border:1px solid rgba(255,255,255,.94)!important;border-radius:999px;opacity:0;background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(224,241,255,.58));box-shadow:0 7px 20px rgba(26,91,153,.10),inset 0 1px 0 rgba(255,255,255,.96);backdrop-filter:blur(12px) saturate(145%);-webkit-backdrop-filter:blur(12px) saturate(145%);transition:transform .42s cubic-bezier(.22,1,.36,1),width .42s cubic-bezier(.22,1,.36,1),height .42s cubic-bezier(.22,1,.36,1),opacity .18s ease;will-change:transform,width,height}.nav-active-bubble.is-visible{opacity:1}.nav-active-bubble.no-transition{transition:none!important}
.nav-link.is-active,.nav-link.is-active:hover{color:#075fbf;border-color:transparent;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.nav-link.is-active:after{transform:scaleX(0)}

@media(max-width:768px){
.site-header{top:9px;left:10px;right:10px;border-radius:18px}.header-container{height:62px;padding:0 14px;justify-content:flex-start;gap:8px;direction:rtl}.logo-image{height:40px}.logo-container{order:1;margin:0}.main-nav{position:relative;order:2;flex:0 0 auto;display:flex;align-items:center;margin:0}
.mobile-menu-toggle{position:relative;z-index:1002;display:flex;width:40px;height:40px;padding:7px;flex-direction:column;align-items:center;justify-content:center;border-radius:10px}.mobile-menu-toggle span{width:23px;flex:0 0 2px;margin:3px 0}.mobile-menu-toggle.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.nav-list{position:fixed;z-index:1001;top:82px;right:10px;left:auto;width:min(82vw,320px);max-width:calc(100vw - 20px);height:auto;max-height:calc(100dvh - 92px);display:flex;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:14px;direction:rtl;visibility:hidden;opacity:0;pointer-events:none;transform:translate3d(calc(100% + 20px),0,0);background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(239,247,255,.90));border:1px solid rgba(255,255,255,.98);border-radius:18px 0 0 18px;box-shadow:-16px 24px 48px rgba(20,52,88,.18),inset 0 1px 0 #fff;backdrop-filter:blur(34px) saturate(125%);-webkit-backdrop-filter:blur(34px) saturate(125%);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .2s ease,visibility 0s linear .3s}
.nav-list.active{visibility:visible;opacity:1;pointer-events:auto;transform:translate3d(0,0,0);transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .2s ease,visibility 0s}.nav-list>li:not(.nav-active-bubble){width:100%;flex:0 0 auto;border-bottom:1px solid rgba(105,137,170,.14)}.nav-list>li:last-child{border-bottom:0}
.nav-link,.nav-link.is-active{width:100%;box-sizing:border-box;margin:5px 0;padding:13px 14px;color:#1d3149;font-weight:700;text-align:right}.nav-link:after{display:none}.has-submenu>.nav-link{padding-left:28px}.has-submenu>.nav-link:before{top:12px}
.nav-link.is-active,.nav-link.is-active:hover{border:1px solid rgba(255,255,255,.94);border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(224,241,255,.62));box-shadow:0 7px 20px rgba(26,91,153,.09)}
.nav-active-bubble{display:none!important}.submenu{position:static;display:none;width:100%;min-width:0;box-sizing:border-box;margin-top:2px;padding:4px 12px 10px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.72);border-radius:12px;box-shadow:none;opacity:1;visibility:visible;transform:none}.has-submenu.active .submenu{display:block}.submenu a{color:#30475f;font-weight:600}.submenu a:hover{background:rgba(255,255,255,.58)}
}
@media(prefers-reduced-motion:reduce){.nav-active-bubble,.nav-list,.mobile-menu-toggle span{transition:none}}