:root{--bg:#060a11;--bg-2:#0c1220;--bg-3:#111b2e;--surface:rgba(255,255,255,0.03);--surface-2:rgba(255,255,255,0.06);--border:rgba(255,255,255,0.07);--border-hover:rgba(59,130,246,0.35);--text:#f0f4fc;--text-2:#94a3b8;--text-3:#64748b;--blue:#3b82f6;--blue-light:#60a5fa;--blue-dark:#1d4ed8;--cyan:#06b6d4;--gradient:linear-gradient(135deg,#1d4ed8 0%,#06b6d4 100%)}
.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 1.5rem;height:70px;display:flex;align-items:center;justify-content:space-between;background:rgba(6,10,17,0.7);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border);transition:all .3s}
.nav.scrolled{background:rgba(6,10,17,0.95);box-shadow:0 4px 40px rgba(0,0,0,0.4)}
.nav-logo{display:flex;align-items:center;gap:.75rem}
.nav-logo img{height:28px;width:auto;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}
.nav-links{display:flex;gap:2rem;list-style:none;align-items:center}
.nav-links>li>a{color:var(--text-2);font-size:.875rem;font-weight:500;transition:color .2s;position:relative;cursor:pointer;display:inline-flex;align-items:center;gap:4px}
.nav-links>li>a:hover{color:var(--text)}
.nav-dd{position:relative}
.nav-dd-toggle::after{content:'';border:4px solid transparent;border-top-color:#64748b;margin-top:2px;transition:transform .2s}
.nav-dd:hover .nav-dd-toggle::after{transform:rotate(180deg)}
.nav-dd-menu{position:absolute;top:100%;left:-12px;padding-top:14px;min-width:250px;display:none}
.nav-dd:hover .nav-dd-menu{display:block}
.nav-dd-inner{background:var(--bg-3);border:1px solid var(--border);border-radius:14px;padding:6px;box-shadow:0 15px 40px rgba(0,0,0,0.5)}
.nav-dd-menu a{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:9px;font-size:.85rem;color:var(--text-2);white-space:nowrap;transition:all .15s}
.nav-dd-menu a:hover{background:rgba(59,130,246,0.1);color:var(--text)}
.nav-dd-menu a svg{width:18px;height:18px;stroke:var(--blue-light);fill:none;stroke-width:2;flex-shrink:0}
.nav-right{display:flex;align-items:center;gap:.75rem}
.lang-sw{position:relative;z-index:100}
.lang-current{display:flex;align-items:center;gap:6px;padding:5px 10px;background:var(--bg-3);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s}
.lang-current:hover{border-color:var(--border-hover)}
.lang-current svg{flex-shrink:0}
.lang-current::after{content:'';border:4px solid transparent;border-top-color:#64748b;margin-left:4px;transition:transform .2s}
.lang-sw.open .lang-current::after{transform:rotate(180deg)}
.lang-label{font-size:.78rem;font-weight:600;color:var(--text-2)}
.lang-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:var(--bg-3);border:1px solid var(--border);border-radius:10px;padding:4px;display:none;min-width:140px;box-shadow:0 12px 40px rgba(0,0,0,0.4)}
.lang-sw.open .lang-dropdown{display:block}
.lang-opt{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:7px;cursor:pointer;font-size:.82rem;font-weight:500;color:var(--text-2);transition:all .15s;border:none;background:none;width:100%;font-family:inherit}
.lang-opt:hover,.lang-opt.active{background:rgba(59,130,246,0.12);color:var(--text)}
.lang-opt svg{flex-shrink:0}
.nav-cta-btn{background:var(--gradient);color:#fff;padding:.5rem 1.25rem;border-radius:9px;font-size:.85rem;font-weight:700;transition:all .3s;white-space:nowrap;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem}
.nav-cta-btn:hover{transform:translateY(-1px);box-shadow:0 8px 30px rgba(59,130,246,0.35)}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:5px;background:none;border:none}
.hamburger span{width:22px;height:2px;background:var(--text);border-radius:2px;transition:all .3s}
.mob-menu{display:none;position:fixed;top:70px;left:0;right:0;background:rgba(6,10,17,0.98);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:1.25rem 1.5rem;z-index:999;flex-direction:column;gap:.25rem}
.mob-menu.open{display:flex}
.mob-menu a{color:var(--text-2);font-size:.95rem;font-weight:500;padding:.7rem 0;border-bottom:1px solid var(--border);transition:color .2s;text-decoration:none}
.mob-menu a:hover{color:var(--text)}
.mob-sub{padding-left:1rem}
.mob-sub a{font-size:.85rem!important;color:var(--text-3)!important}
.mob-cat{padding:.6rem 0 .2rem;font-size:.72rem;color:var(--blue-light);font-weight:700;text-transform:uppercase;letter-spacing:1px}
@media(max-width:768px){.nav-links,.nav-cta-btn{display:none}.hamburger{display:flex}}
.nav-dd-toggle{display:inline-flex;align-items:center;gap:5px}
.nav-dd-toggle span[data-lang]{display:none}
.nav-dd-toggle span[data-lang].on{display:inline}
.nav-links span[data-lang]{display:none}
.nav-links span[data-lang].on{display:inline}
.nav-cta-btn span[data-lang]{display:none}
.nav-cta-btn span[data-lang].on{display:inline}
.mob-menu span[data-lang]{display:none}
.mob-menu span[data-lang].on{display:inline}
.lang-current{min-width:64px}
.nav-links .nav-dd>.nav-dd-toggle{display:inline-flex!important;align-items:center;gap:5px}
.nav-dd-toggle::after{display:inline-block;flex-shrink:0}