.nav-toggle{display:none;flex-direction:column;cursor:pointer;padding:5px}.nav-toggle span{width:25px;height:3px;background:#475569;margin:3px 0;transition:.3s;transform-origin:center}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media (max-width: 768px){.nav-toggle{display:flex}.nav-menu{display:none}.nav-menu.mobile-active{display:flex!important;position:fixed;top:80px;left:0;right:0;background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;padding:1rem 2rem 2rem;box-shadow:0 4px 20px #0000001a;z-index:999;max-height:calc(100vh - 80px);overflow-y:auto}html[lang=ar] .nav-menu.mobile-active{flex-direction:column;text-align:right}.nav-menu.mobile-active li{margin-bottom:0;border-bottom:1px solid #e2e8f0}.nav-menu.mobile-active li:last-child{border-bottom:none}.nav-menu.mobile-active .nav-link{display:block;padding:1rem 0;font-size:1.1rem;color:#1a365d;font-weight:500;text-align:left}html[lang=ar] .nav-menu.mobile-active .nav-link{text-align:right}.nav-menu.mobile-active .dropdown{position:relative}.nav-menu.mobile-active .dropdown-menu{position:static!important;display:none;box-shadow:none;background:#f8fafc;margin:0;padding:.5rem 0 0 1rem;border-radius:0;border:none;border-left:3px solid #14b8a6;transition:all .3s ease}html[lang=ar] .nav-menu.mobile-active .dropdown-menu{padding:.5rem 1rem 0 0;border-left:none;border-right:3px solid #14b8a6}.nav-menu.mobile-active .dropdown.active .dropdown-menu{display:block}.nav-menu.mobile-active .dropdown-toggle:after{content:"▼";float:right;transition:transform .3s ease;font-size:.8rem}html[lang=ar] .nav-menu.mobile-active .dropdown-toggle:after{float:left}.nav-menu.mobile-active .dropdown.active .dropdown-toggle:after{transform:rotate(180deg)}.nav-menu.mobile-active .dropdown-item{padding:.75rem 1rem;color:#64748b;font-size:1rem;border-bottom:1px solid #e2e8f0;text-align:left}html[lang=ar] .nav-menu.mobile-active .dropdown-item{text-align:right}.nav-menu.mobile-active .dropdown-item:last-child{border-bottom:none}.nav-menu.mobile-active .dropdown-item:hover{background-color:#f1f5f9;color:#1a365d}}
