header{position:sticky;top:0;z-index:99}nav{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffd9;border-bottom:1px solid rgba(0,0,0,.04);box-shadow:0 10px 40px -10px #0000000d;display:flex;height:80px;justify-content:space-between;padding:0 3rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100}nav .left{width:70%}nav .left,nav .right{align-items:center;display:flex;gap:2rem}.logo{display:flex;flex-shrink:0;transition:transform .3s ease;width:140px}.logo:hover{transform:scale(1.02)}.logo img{width:100%}nav .left .bar{border-right:1px solid rgba(0,0,0,.1);display:block;height:32px}.navigation{gap:.5rem;list-style:none}.navigation,.navigation li a{align-items:center;display:flex}.navigation li a{border-radius:12px;color:#64748b;font-size:15px;font-weight:600;gap:8px;padding:.75rem 1.25rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.navigation li a img{filter:brightness(0) saturate(100%) invert(50%) sepia(10%) saturate(600%) hue-rotate(180deg) brightness(90%) contrast(85%);height:20px;transition:all .3s ease}.navigation li a:hover{background:#00000008;color:var(--primary)}.navigation li .active,.navigation li .router-link-active{background:#ff950014;color:var(--primary)}.navigation li .active img,.navigation li .router-link-active img{filter:brightness(0) saturate(100%) invert(60%) sepia(80%) saturate(3000%) hue-rotate(350deg) brightness(100%) contrast(100%);transform:scale(1.1)}.pointer{cursor:pointer}.login-btn{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:50px;box-shadow:0 2px 10px #00000005;padding:.5rem 1rem .5rem .5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.login-btn:hover{border-color:#0000001a;box-shadow:0 4px 15px #0000000d;transform:translateY(-1px)}.userImage{align-items:center;color:var(--text-clr-1);display:flex;gap:12px;text-decoration:none}.userImage .img-wrapper{background:#f1f5f9;border-radius:50%;height:36px;overflow:hidden;width:36px}.userImage .img-wrapper img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.userImage .text{color:#334155;font-size:15px;font-weight:600}.userProfile{align-items:center;border-radius:50px;color:var(--black);cursor:pointer;display:flex;gap:12px;padding:.4rem;text-decoration:none;transition:background .3s ease}.userProfile:hover{background:#00000008}.profile-wrapper{position:relative}.userProfile .span-1{background-color:var(--primary);border:2px solid #fff;border-radius:50%;box-shadow:0 4px 12px #0000001a;display:grid;font-size:18px;font-weight:500;height:44px;overflow:hidden;place-items:center;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:44px}.userProfile .span-2{color:#1e293b;font-size:15px;font-weight:600;padding-right:.5rem}.userProfile .span-1 img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.menuBtn{display:block}.menu-icon-wrapper{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:12px;cursor:pointer;display:grid;height:42px;place-items:center;transition:all .3s ease;width:42px}.menu-icon-wrapper:hover{background:#f8fafc;box-shadow:0 4px 12px #0000000a}.menu-icon-wrapper img{opacity:.7;width:20px}.curserNotWork{cursor:unset}.mobile-menu-wrapper,nav .mobRight{display:none}@media only screen and (max-width:800px){.navigation,.search,nav .left .bar,nav .right{display:none}nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid rgba(0,0,0,.05);box-shadow:0 4px 20px #0000000a;height:70px;padding:0 1.25rem}.logo{width:110px}nav .left{width:unset}nav .mobRight{align-items:center;display:flex;gap:1rem}.mob-icon-btn{background:#0000000a;border-radius:50%;cursor:pointer;display:grid;height:40px;place-items:center;transition:transform .2s cubic-bezier(.4,0,.2,1),background .2s ease;width:40px}.mob-icon-btn:active{background:#00000014;transform:scale(.9) translateY(2px)}.mob-icon-btn img{opacity:.8;width:20px}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.8) rotate(-45deg)}to{opacity:1;transform:scale(1) rotate(0)}}.hamburger .close-icon{align-items:center;color:#334155;display:flex;font-size:28px;font-weight:300;height:100%;justify-content:center;line-height:1;padding-bottom:3px;width:100%}.mobUserImage{background:#f1f5f9;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 10px #0000001a;display:block;height:40px;overflow:hidden;width:40px}.mobUserImage img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.mobile-menu-wrapper{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border-bottom:1px solid rgba(0,0,0,.08);box-shadow:0 20px 40px -10px #00000026;display:block;left:0;opacity:0;position:absolute;top:70px;transform:translateY(-100%);transition:all .4s cubic-bezier(.4,0,.2,1);visibility:hidden;width:100%;z-index:98}.mobile-menu-wrapper.menu-open{opacity:1;transform:translateY(0);visibility:visible}.mob-navigation{display:flex;flex-direction:column;gap:.75rem;list-style:none;padding:1.5rem}.mob-navigation li a{align-items:center;background:#f8fafc;border:1px solid rgba(0,0,0,.03);border-radius:16px;color:#475569;display:flex;font-size:16px;font-weight:600;gap:12px;padding:1rem 1.25rem;text-decoration:none;transition:all .3s ease}.mob-navigation li a.router-link-active,.mob-navigation li a:active{background:#ff950014;border-color:#ff95001a;color:var(--primary)}.mob-navigation li a img{filter:brightness(0) saturate(100%) invert(50%) sepia(10%) saturate(600%) hue-rotate(180deg) brightness(90%) contrast(85%);height:22px}.mob-navigation li a.router-link-active img{filter:brightness(0) saturate(100%) invert(60%) sepia(80%) saturate(3000%) hue-rotate(350deg) brightness(100%) contrast(100%)}}