.nav {position: sticky;top: 0;z-index: 1030;background: var(--color-white);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);transition: box-shadow 0.3s;}
.nav--scrolled {box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);}
.nav__top-bar {height: 3px;background: var(--color-primary);}
.nav__container {display: flex;align-items: center;height: var(--nav-height);max-width: var(--max-width);margin: 0 auto;width: 100%;}
.nav__logo {flex-shrink: 0;margin-right: 32px;}
.nav__logo-img {height: 43px;width: auto;}
.nav__menu {display: flex;align-items: center;gap: 11px;flex: 1;}
.nav__link {display: flex;align-items: center;gap: 4px;padding: 8px 14px;font-size: 16px;font-weight: 500;color: var(--color-body);text-decoration: none;position: relative;transition: color 0.3s;}
.nav__link:hover,
.nav__link--active {color: var(--color-primary);}
.nav__link--active::after {content: '';position: absolute;bottom: -4px;left: 14px;width: 40px;height: 2px;background: var(--color-primary);border-radius: var(--radius-full);}
.nav__link-icon {width: 13px;height: 13px;transition: transform 0.3s;}
.nav__link:hover .nav__link-icon {transform: rotate(180deg);}
.nav__menu-bottom {display: none;}
.nav__dropdown {position: relative;}
.nav__dropdown::after {content: '';position: absolute;top: 100%;left: 0;width: 100%;height: 12px;z-index: 0;}
.nav__dropdown-menu {position: absolute;top: calc(100% + 12px);left: 0;z-index: 1050;display: none;min-width: 220px;padding: 8px 0;margin-top: 0;background: var(--color-white);border: 1px solid rgba(0, 0, 0, 0.08);border-radius: 12px;box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);opacity: 0;transform: translateY(-8px);transition: opacity 0.25s ease, transform 0.25s ease;}

.nav__dropdown-item {display: block;padding: 10px 20px;font-size: 15px;font-weight: 400;color: var(--color-body);text-decoration: none;white-space: nowrap;transition: color 0.2s, background-color 0.2s;}
.nav__dropdown-item:hover {color: var(--color-primary);background-color: var(--color-card-bg);}
@media screen and (min-width: 768px) {
  .nav__dropdown:hover .nav__dropdown-menu {display: block;opacity: 1;transform: translateY(0);}
  .nav__dropdown:hover .nav__link-icon {transform: rotate(180deg);}
}
@media (max-width: 768px) {
  .nav__menu {position: fixed;inset: 0;z-index: 1050;display: flex;flex-direction: column;align-items: stretch;justify-content: flex-start;gap: 0;padding: 100px 40px 48px;background: rgba(8, 12, 10, 0.98);backdrop-filter: blur(24px);-webkit-backdrop-filter: blur(24px);opacity: 0;visibility: hidden;transition: opacity 0.45s ease, visibility 0.45s ease;overflow-y: auto;}
  .nav__menu::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: linear-gradient(90deg, var(--color-primary), var(--color-primary) 40%, transparent);opacity: 0;transform: scaleX(0);transform-origin: left;transition: opacity 0.5s ease 0.1s, transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.1s;}
  .nav__menu--open::before {opacity: 1;transform: scaleX(1);}
  .nav__menu--open {opacity: 1;visibility: visible;}
  .nav__menu > .nav__link,
  .nav__menu > .nav__dropdown {border-bottom: 1px solid rgba(255, 255, 255, 0.06);opacity: 0;transform: translateX(-24px);transition: opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1), transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);}
  .nav__menu--open > .nav__link,
  .nav__menu--open > .nav__dropdown {opacity: 1;transform: translateX(0);}
  .nav__menu--open > *:nth-child(1) { transition-delay: 0.04s; }
  .nav__menu--open > *:nth-child(2) { transition-delay: 0.08s; }
  .nav__menu--open > *:nth-child(3) { transition-delay: 0.12s; }
  .nav__menu--open > *:nth-child(4) { transition-delay: 0.16s; }
  .nav__menu--open > *:nth-child(5) { transition-delay: 0.20s; }
  .nav__menu--open > *:nth-child(6) { transition-delay: 0.24s; }
  .nav__menu--open > *:nth-child(7) { transition-delay: 0.28s; }
  .nav__menu--open > *:nth-child(8) { transition-delay: 0.32s; }
  .nav__menu--open > *:nth-child(9) { transition-delay: 0.36s; }
  .nav__link--active::after { display: none; }
  .nav__menu .nav__link {display: flex;align-items: center;justify-content: space-between;padding: 18px 0;font-size: 20px;font-weight: 600;color: rgba(255, 255, 255, 0.85);letter-spacing: 0.3px;text-decoration: none;transition: color 0.2s;}
  .nav__menu .nav__link--active {color: var(--color-primary);}
  .nav__link-icon {width: 16px;height: 16px;opacity: 0.5;filter: brightness(0) invert(1);transition: transform 0.35s ease, opacity 0.2s;}
  .nav__dropdown--open .nav__link-icon {transform: rotate(180deg);opacity: 0.9;}
  .nav__dropdown-menu {position: static;display: none;padding: 0 0 16px 12px;background: transparent;border: none;border-radius: 0;box-shadow: none;opacity: 1;transform: none;}
  .nav__dropdown--open .nav__dropdown-menu {display: block;opacity: 1;transform: translateY(0);}
  .nav__dropdown--open .nav__link-icon {transform: rotate(180deg);}
  .nav__dropdown-item {display: block;padding: 12px 0 12px 16px;font-size: 16px;font-weight: 400;color: rgba(255, 255, 255, 0.55);text-decoration: none;border-left: 2px solid rgba(255, 255, 255, 0.08);transition: color 0.2s, border-color 0.2s, padding-left 0.2s;}
  .nav__dropdown-item:hover,
  .nav__dropdown-item:active {color: var(--color-primary);border-left-color: var(--color-primary);padding-left: 22px;background: none;}
  .nav__menu-bottom {display: block;margin-top: auto;padding-top: 32px;opacity: 0;transform: translateY(16px);transition: opacity 0.5s ease 0.40s, transform 0.5s ease 0.40s;}
  .nav__menu--open .nav__menu-bottom {opacity: 1;transform: translateY(0);}
  .nav__menu-bottom .nav__btn-global {display: inline-flex;align-items: center;gap: 10px;padding: 14px 28px;border: 1.5px solid rgba(255, 255, 255, 0.2);border-radius: 100px;background: transparent;color: rgba(255, 255, 255, 0.7);font-size: 15px;font-weight: 500;text-decoration: none;transition: all 0.3s;}
  .nav__menu-bottom .nav__btn-global:hover {border-color: var(--color-primary);color: var(--color-primary);background: rgba(81, 173, 72, 0.08);}
  .nav__menu-bottom .nav__btn-global img {width: 16px;height: 16px;filter: brightness(0) invert(1);opacity: 0.6;}
}
.nav__actions {flex-shrink: 0;padding-left: 20px;}
.nav__btn-global {display: flex;align-items: center;gap: 8px;padding: 10px 20px;border: 2px solid var(--color-primary);border-radius: var(--radius-full);background: transparent;color: var(--color-primary);font-size: 14px;font-weight: 600;text-decoration: none;cursor: pointer;transition: all 0.3s;}
.nav__btn-global:hover {transform: translateX(-5px);}
.nav__btn-global img {width: 15px;height: 15px;}
.nav__btn-icon {width: 15px;height: 15px;}
.nav__toggler {display: none;position: relative;z-index: 1060;width: 44px;height: 44px;flex-direction: column;align-items: center;justify-content: center;gap: 6px;background: none;border: none;padding: 0;cursor: pointer;}
.nav__toggler-line {display: block;width: 26px;height: 2px;background: var(--color-body);border-radius: 2px;transform-origin: center;transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.25s ease;}
.nav__toggler--active .nav__toggler-line:nth-child(1) {transform: translateY(8px) rotate(45deg);background: #fff;}
.nav__toggler--active .nav__toggler-line:nth-child(2) {opacity: 0;transform: scaleX(0);}
.nav__toggler--active .nav__toggler-line:nth-child(3) {transform: translateY(-8px) rotate(-45deg);background: #fff;}
@media screen and (max-width:1620px) {
	.nav{padding: 0 20px;}
	.nav__link{padding: 8px 10px;}
}
@media (max-width: 1200px) {
	.nav__menu { gap: 4px; }
	.nav__link { font-size: 14px; padding: 6px 10px; }
	.nav__actions { padding-left: 12px; }
	.nav__btn-global { padding: 10px 16px; font-size: 13px; }
}
@media (max-width: 768px) {
	.nav__container {justify-content: space-between;}
	.nav__toggler {display: flex;margin-left: auto;position: fixed;top: 10px;right: 10px;}
	.nav__actions {display: none;}
	.nav__menu .nav__link:hover {color: rgba(255, 255, 255, 0.85);}
	.nav__menu .nav__link:hover .nav__link-icon {transform: none;}

}