.navbar{position:sticky;top:0;z-index:1000;background:linear-gradient(180deg,#525cb9 .46%,#3d4166 56.64%,#373e84 104.85%);display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 8px #0000001a;flex-wrap:nowrap;padding:0;transition:background .3s ease,box-shadow .3s ease,backdrop-filter .3s ease;height:10vh;overflow:visible}.navbar__logo{padding:5px 30px 0;flex-shrink:0}.navbar--scrolled{background:linear-gradient(180deg,#525cb9d9 .46%,#3d4166d9 56.64%,#373e84d9 104.85%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 12px #0003}.navbar__links{display:flex;gap:12px;align-items:center;padding:0 30px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.navbar__links::-webkit-scrollbar{display:none}.navbar__link{color:#fff;text-decoration:none;font-weight:600;font-size:13px;padding:8px 12px;border-radius:20px;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0;white-space:nowrap}.navbar__icon{width:24px;height:24px;flex-shrink:0}.navbar__hamburger{display:none;background:none;border:none;cursor:pointer;padding:8px;margin-right:15px;color:#fff;transition:transform .3s ease}.navbar__hamburger:hover{transform:scale(1.1)}.navbar__hamburger .navbar__icon{width:28px;height:28px}.navbar__link:hover{background-color:#ffffff1a}.navbar__link--active{background:linear-gradient(135deg,#525cb940,#6366f159);color:#fff!important;padding:10px 14px;border-radius:20px;font-weight:700;font-size:13px;text-decoration:none!important;box-shadow:0 2px 8px #525cb966,inset 0 1px #fff3;border:2px solid rgba(82,92,185,.4);position:relative;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.3)}.navbar__link--active:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.navbar__link--active:hover:before{left:100%}.navbar__link--active:hover{transform:translateY(-2px);box-shadow:0 4px 12px #525cb980,inset 0 1px #ffffff40;background:linear-gradient(135deg,#525cb959,#6366f173);text-decoration:none!important;border-color:#525cb999}@media screen and (max-width: 1200px){.navbar{padding:10px 0}.navbar__logo{padding:5px 15px 0}.navbar__hamburger{display:block}.navbar__links{display:none;position:absolute;top:100%;left:0;right:0;background:linear-gradient(180deg,#525cb9 .46%,#3d4166 56.64%,#373e84 104.85%);flex-direction:column;gap:0;padding:0;box-shadow:0 4px 8px #0003;overflow-x:visible;overflow-y:auto;max-height:80vh}.navbar__links.active{display:flex}.navbar__link{font-size:15px;padding:12px 20px;width:100%;border-radius:0;justify-content:flex-start;flex-direction:row;gap:12px}.navbar__link span{display:inline}.navbar__icon{width:22px;height:22px}.navbar__link--active{padding:12px 20px;border-radius:0;border-left:4px solid rgba(82,92,185,.8);border-right:none;border-top:none;border-bottom:none}.navbar__link:hover{background-color:#ffffff26}}@media screen and (min-width: 1201px){.navbar__hamburger{display:none}.navbar__links{display:flex}}@media screen and (min-width: 769px) and (max-width: 1024px){.navbar__link{font-size:12px;padding:7px 10px}.navbar__icon{width:22px;height:22px}}@media screen and (min-width: 1025px) and (max-width: 1200px){.navbar__link{font-size:12px;padding:7px 11px}}