nav{flex:1;display:flex;justify-content:center}.menu{display:flex;align-items:center;gap:4px;list-style:none}.menu>li{position:relative}.menu a,.menu .drop-toggle{display:flex;align-items:center;gap:6px;padding:10px 16px;color:#fff;text-decoration:none;font-size:15px;font-weight:500;border-radius:8px;cursor:pointer;background:transparent;border:none;transition:background 0.25s,color 0.25s}.menu a:hover,.menu .drop-toggle:hover{background:rgba(255,255,255,0.08);color:#00ccff}.menu>li.active>a{background:linear-gradient(135deg,#0099ff,#00ccff);color:#fff;box-shadow:0 4px 18px rgba(0,153,255,0.35)}.caret{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform 0.25s;margin-top:-3px}.has-drop.open .caret{transform:rotate(225deg);margin-top:3px}.dropdown{position:absolute;top:calc(100% + 10px);left:0;min-width:220px;background:rgba(28,34,40,0.95);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,0.15);border-radius:12px;padding:8px;list-style:none;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity 0.25s,transform 0.25s,visibility 0.25s;box-shadow:0 12px 40px rgba(0,0,0,0.5)}.has-drop.open .dropdown{opacity:1;visibility:visible;transform:translateY(0)}@media (hover:hover){.has-drop:hover>.dropdown,.has-drop:focus-within>.dropdown{opacity:1;visibility:visible;transform:translateY(0)}.has-drop:hover>.drop-toggle .caret,.has-drop:focus-within>.drop-toggle .caret{transform:rotate(225deg);margin-top:3px}}.dropdown::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}.dropdown li a{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:8px;color:#d5dde5;font-size:14px}.dropdown li a:hover{background:rgba(0,170,255,0.15);color:#00ccff}.dropdown li a .ico{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:rgba(0,170,255,0.15);border-radius:6px;font-size:14px}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px}.hamburger span{width:26px;height:3px;background:#fff;border-radius:2px;transition:transform 0.3s,opacity 0.3s}.hamburger.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media (max-width:768px){.hamburger{display:flex}nav{position:absolute;left:0;right:0;top:100%;background:rgba(15,17,21,0.98);backdrop-filter:blur(16px);max-height:0;overflow:hidden;transition:max-height 0.35s ease;border-bottom:1px solid rgba(255,255,255,0.15)}.nav-open nav{max-height:600px;overflow-y:auto}.menu{flex-direction:column;align-items:stretch;padding:12px 20px;gap:0}.menu>li{width:100%;border-bottom:1px solid rgba(255,255,255,0.06)}.menu a,.menu .drop-toggle{width:100%;justify-content:space-between;padding:16px 8px}.dropdown{position:static;opacity:1;visibility:visible;transform:none;background:transparent;border:none;box-shadow:none;max-height:0;overflow:hidden;transition:max-height 0.35s ease;padding:0}.has-drop.open .dropdown{max-height:400px}.dropdown li a{padding-left:20px}}