.navbar{box-sizing:border-box;-webkit-backdrop-filter:blur(14px);z-index:100;background:#edddf6c7;border-bottom:1px solid #ffffff38;justify-content:space-between;align-items:center;width:100%;padding:10px 36px;display:flex;position:sticky;top:0;box-shadow:0 8px 24px #46376414}.navbarLogo{color:#2f3152;letter-spacing:1px;align-items:center;gap:10px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.logoImg{object-fit:contain;width:40px;height:40px}.navbarRight{align-items:center;gap:24px;display:flex}.navbarLinks{align-items:center;gap:22px;display:flex}.navLink{color:#55346ac7;white-space:nowrap;font-size:14px;text-decoration:none;transition:all .25s;position:relative}.navLink:hover{color:#b38fd0}.navLink:after{content:"";background:linear-gradient(90deg,#ffb7df,#aab8ff);width:0%;height:2px;transition:all .3s;position:absolute;bottom:-4px;left:0}.navLink:hover:after{width:100%}.navUser{color:#2f3152;background:#ffffff8c;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;text-decoration:none;transition:all .2s;display:flex}.navUser:hover{background:#ffffffd1;transform:translateY(-1px)}.navAvatar{object-fit:cover;border-radius:50%;width:28px;height:28px}.navUsername{white-space:nowrap;font-size:.9rem;font-weight:500}@media (max-width:900px){.navbar{padding:10px 20px}.navbarLogo span{font-size:16px}.navbarRight,.navbarLinks{gap:16px}.navLink{font-size:13px}}@media (max-width:640px){.navbar{padding:10px 16px}.navbarLogo span{display:none}.navbarLinks{gap:12px}.navUsername{display:none}}