@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;900&display=swap";:root{--nb-bg:#fff;--nb-bg-hover:#f4f4f2;--nb-bg-sub:#f4f4f2;--nb-border:#e8e8e6;--nb-text:#555;--nb-text-dark:#1a1a1a;--nb-accent:#4f6ef7;--nb-cta-bg:#1a1a2e;--nb-radius:14px}.navbar{background:var(--nb-bg);border:1px solid var(--nb-border);border-radius:var(--nb-radius);font-family:Cairo,sans-serif;position:relative}.navbar-container{align-items:center;gap:4px;height:64px;padding:0 24px;display:flex}.navbar-logo{flex-shrink:0;align-items:center;gap:9px;margin-left:auto;text-decoration:none;display:flex}.logo-img{object-fit:contain;border-radius:9px;width:200px;height:200px}.navbar-links{align-items:center;gap:2px;margin:0 auto;padding:0;list-style:none;display:flex}.navbar-links li>a,.navbar-links .dropdown-title{color:var(--nb-text);cursor:pointer;white-space:nowrap;border-radius:9px;align-items:center;gap:5px;padding:7px 14px;font-size:13.5px;font-weight:600;text-decoration:none;transition:color .15s,background .15s;display:flex;position:relative}.navbar-links li>a:hover,.navbar-links .dropdown-title:hover{color:var(--nb-text-dark);background:var(--nb-bg-hover)}.navbar-links li>a.active{color:var(--nb-accent)}.navbar-links li>a.active:after{content:"";background:var(--nb-accent);border-radius:2px;width:16px;height:2.5px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.dropdown{position:relative}.dropdown-title{gap:5px}.dropdown-title .arrow{color:#bbb;font-size:12px;transition:transform .2s}.dropdown:hover .dropdown-title .arrow{transform:rotate(180deg)}.dropdown:hover .dropdown-title{color:var(--nb-text-dark);background:var(--nb-bg-hover)}.dropdown-menu{background:var(--nb-bg);border:1px solid var(--nb-border);z-index:100;border-radius:12px;min-width:190px;margin-top:6px;padding:6px;list-style:none;display:none;position:absolute;top:100%;left:50%;transform:translate(-50%)}.dropdown-menu:before{content:"";background:var(--nb-bg);border-top:1px solid var(--nb-border);border-right:1px solid var(--nb-border);width:8px;height:8px;position:absolute;top:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.dropdown:hover .dropdown-menu{display:block}.dropdown-menu li>a{color:var(--nb-text);border-radius:8px;align-items:center;gap:9px;padding:9px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:all .12s;display:flex}.dropdown-menu li>a:hover{background:var(--nb-bg-hover);color:var(--nb-text-dark)}.dropdown-menu .separator{background:var(--nb-border);height:1px;margin:4px 8px}.navbar-actions{flex-shrink:0;align-items:center;gap:10px;margin-right:auto;display:flex}.navbar-divider{background:var(--nb-border);width:1px;height:24px;margin:0 4px}.lang-switcher{background:var(--nb-bg-sub);border:1px solid var(--nb-border);border-radius:9px;align-items:center;gap:2px;padding:3px;display:flex}.lang-btn{cursor:pointer;color:#888;letter-spacing:.05em;background:0 0;border:none;border-radius:7px;padding:5px 11px;font-family:Cairo,sans-serif;font-size:11.5px;font-weight:700;transition:all .2s}.lang-btn.active{background:var(--nb-bg);color:var(--nb-text-dark);border:1px solid var(--nb-border)}.nb-cta-btn{cursor:pointer;background:var(--nb-cta-bg);color:#fff;letter-spacing:.02em;white-space:nowrap;border:none;border-radius:9px;padding:8px 18px;font-family:Cairo,sans-serif;font-size:13px;font-weight:700;transition:opacity .15s,transform .12s}.nb-cta-btn:hover{opacity:.88;transform:translateY(-1px)}.mobile-menu-btn{background:var(--nb-bg-sub);border:1px solid var(--nb-border);cursor:pointer;color:var(--nb-text);border-radius:8px;padding:6px 9px;font-size:18px;display:none}@media (max-width:768px){.navbar{border-radius:0}.navbar-container{flex-wrap:wrap;height:56px;padding:0 18px}.navbar-logo{margin-left:0}.mobile-menu-btn{margin-right:auto;display:flex}.navbar-links{border-top:1px solid var(--nb-border);flex-direction:column;align-items:stretch;gap:3px;width:100%;margin:0;padding:10px 0 0;display:none}.navbar-links.open{display:flex}.navbar-links li>a,.navbar-links .dropdown-title{padding:10px 12px;font-size:14px}.dropdown-menu{box-shadow:none;background:var(--nb-bg-sub);border-color:var(--nb-border);margin:3px 0 3px 16px;display:none;position:static;transform:none}.dropdown-menu:before{display:none}.dropdown.active .dropdown-menu{display:block}.navbar-actions{border-top:1px solid var(--nb-border);justify-content:space-between;width:100%;margin-right:0;padding:10px 0 14px}.navbar-divider{display:none}}
